本文深入探讨了网页布局中的关键概念，包括margin-top的作用、浮动元素的排列方式、以及如何利用display:inline-block实现子元素的水平居中。同时介绍了在网页设计中使宽度充满屏幕的实用技巧，通过在外层套一个不设置宽度的div并调整左边距来实现。
使用margin-top能消除使用relative占据的空间，而top不行，因为top是将div整体向下移动，而magin-top则是将上面的部分截取掉，以截取的地方作为新的起点
1.
ul{list-style:none;}//消除ul的样式
li{float:left;}//使得li元素横向排列
display:inline-block;//子元素使用此属性，配合父元素的text-align，可以使未知宽度的子元素水平居中。
2.
宽度充满屏幕：在外层套一个不设置宽度的div，如果其右边还有元素设置左边距即可，
1.
ul{list-style:none;}//消除ul的样式
li{float:left;}//使得li元素横向排列
display:inline-block;//子元素使用此属性，配合父元素的text-align，可以使未知宽度的子元素水平居中。
2.
宽度充满屏幕：在外层套一个不设置宽度的div，如果其右边还有元素设置左边距即可，
扫一扫
758
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
