Web前端布局学习笔记
Web前端布局 标准文档流 标准文档流为从上到下排列 这样的布局显得呆板,如果想要横过来 浮动 所谓元素的浮动是指设置了浮动属性的元素会脱离标准文档流的控制,移动到其父元素中指定位置的过程。 注意:使用浮动那么接下来的不用浮动的元素记得清楚浮动,清除浮动操作详见塌陷解决和清楚同级子元素浮动。 选择器float: 属性值: 123div{ float: left;} 说明: 如果未有设置浮动的元素和其浮动的元素一起用,那么为设置浮动的将会占在浮动元素的本身位置上进行定位(其实是设置浮动的元素的碰撞箱没有了),也就是说会覆盖掉浮动位置的元素位置,除非两者都是浮动。 塌陷解决 如果有父元素包裹浮动元素那么就有可能造成塌陷,塌陷就是指父元素未定义长宽所以并不会被子元素撑开,想要防止塌陷那就要在父类的时候进行塌陷消除,那就要使用overflow属性设置为hidden。 123dicv{ overflow: hidden;} 第二种: 12345.father:after{ content: ""; display: block; clear:...