我把整个ul的外边距设成4px，但只有右边的没反应。 在开发webapp时总遇到这种情况，距离只要和右边沾边就无法表现出来
认证0级讲师
雷雷
ul{box-sizing:border-box}
可以用樓上兩位的box-sizing: border-box 還可以用{width: -moz-calc(100% - 8px); width: -webkit-calc(100% - 8px); width: calc(100% - 8px); margin: 0 4px;}
box-sizing: border-box
{width: -moz-calc(100% - 8px); width: -webkit-calc(100% - 8px); width: calc(100% - 8px); margin: 0 4px;}
https://developer.mozilla.org/zh-CN/docs/Web/CSS/calc
你100%+外邊距5px*2>100%了。當然會無法顯示，要嘛加個box-sizing:border-box，要嘛就在內部套一個層，去除外層的外邊距，在內層定義padding左右5px更佳。
border-box是控制不了margin的，所以你還是老實的不給p設定寬度100%，然後設定margin就OK了。
之前第一次做APP頁面也遇過，如樓上所說，去掉100%，直接設定margin就可以了。 另外在我印象裡，border-box屬性只對內邊距padding和邊框border起作用吧。
雷雷
ul{box-sizing:border-box}
可以用樓上兩位的
box-sizing: border-box還可以用
{width: -moz-calc(100% - 8px); width: -webkit-calc(100% - 8px); width: calc(100% - 8px); margin: 0 4px;}https://developer.mozilla.org/zh-CN/docs/Web/CSS/calc
你100%+外邊距5px*2>100%了。當然會無法顯示，要嘛加個box-sizing:border-box，要嘛就在內部套一個層，去除外層的外邊距，在內層定義padding左右5px更佳。
border-box是控制不了margin的，所以你還是老實的不給p設定寬度100%，然後設定margin就OK了。
之前第一次做APP頁面也遇過，如樓上所說，去掉100%，直接設定margin就可以了。
另外在我印象裡，border-box屬性只對內邊距padding和邊框border起作用吧。