前端大牛养成之路

2.28

2017-02-28  本文已影响1人  hahacali

版心的概念:

就是网站的核心展示区域,一般居中显示.

版心的宽度一般为: 960px 980px 1000px 1190px 1200px

清除浮动: 就是让当前的元素左右两边都不存在浮动元素的时候才把元素放到标准流汇中显示.

clear: left;清除左浮动,

清除右浮动: clear: right;

清除左右浮动: clear:both;

常用的几种清除浮动的方法:

第一种为隔墙法:  设置块级元素clear:both;   第二种为综合的clearfix的方法:

使用overflow进行包裹所有的浮动子元素,有误伤.clearfix的使用场景:  

1,父盒子要把所有的子盒子盖住;  

2,父盒子是包裹整行的div元素,需要前后进行清除浮动.    .

clearfix { display: table;} /*触发bfc,div具有的包裹性*/

.clearfix:before, .clearfix:after { content:"";  display:block;  clear:both;  height:0;  visibility: hidden;}    .clearfix {_zoom: 1}

上一篇 下一篇

猜你喜欢

热点阅读