一.块状元素的流体特性与自适应布局 块状元素像放在容器中的水流一样,内容区域会随着margin, padding, border的出现自动填满剩余空间,这就是块状元素的流体特性. 来一个小实验: div { margin-left:100px: width:100%: } 此时发现,左侧永远100px留白,而div随着容器宽度变化而自适应变化了 我们需要好好利用左侧100px的留白间距,岂不是就可以实现两栏自适应效果? 为了不影响原本的流体特性,我们可以使用破坏性属性,如浮动(float:lef