摘要：容器有时候会不包围浮动元素，这时候就要清除浮动。暂时列出下面几种方法：1、直接在某个元素上应用clear，当没有可用的元素（所有元素都浮动）的时候可以添加一额外元素： some text some text .news{ background-color:gray; border: solid 1px black;}.news .left{ float:left;}.news .right{ float:right;}.news br{ clear:both;}some textsome text 2、直接浮动div容器。3、将div容器的overflow属性设定为hidden... 阅读全文

摘要：初学的时候去面试实习生岗位，笔试题有一道就是让实现垂直居中，当时竟然毫无思路...今天看书看到一种简单的实现方法：.out{ position: relative; width:10em; height:10em; border:1px solid;}.in{ position:absolute; left:0; width:100%; background:#ccc; top:0; height:5em; bottom:0; margin:auto 0;} element 这里的垂直居中主要是利用了绝对定位时垂直高度的计算法则。但是IE7及以下的版本都不支... 阅读全文