摘要：
1.要求：如上图中的，三栏目布局，中间的MAIN是自适应浏览器的宽度，左LEFT固定宽200PX，右RIGHT固定宽200PX;.right,.left{height:300px;width:200px;}.right{ float:right;background:#000000;}.left{ float:left;background:#009933;}.main{background:#F60; height:300px;} <div class="right">RIGHT</div> <div class="left&quo 阅读全文
摘要：
宽度自适应：就是元素的宽度根居里面的内容来变化;一、宽度自适应的元素水平居中： 1.宽度自适应的元素可以是：绝对位定、浮动元素、行内元素。而我们通常布局，肯定不会用行内元素，所以会选择，绝对定位或浮动。 2.居中：这里我们应该会想到1/2、50%、一半等这些东西。 上图中：黑色为body，深绿色需要在body中水平居中，并且宽度是自适应的。亮绿色，是一个多余的DIV，就是为了让深绿色的DIV水平居中。 以下是实现代码： pos元素的float:left或都用position:absolute;都可以，因为这两个属可以宽度自适应。 先这个多余的DIV亮绿色，水平50%移动(移动，... 阅读全文