关于CSS代码的问题,求帮助。
用 CSS 实现布局
让我们一起来做一个页面
首先,我们需要一个布局。
请使用 CSS 控制 3 个 div,实现如下图的布局。
CSS代码
div{background:#CCCCCC;}
#first{float:left;width:100px; height:150px}
#second{clear:left;float:left;margin-top:10px;width:100px;height:150px}
#third{zoom:1; width:200px;margin-left:110px;_margin-left:107px; height:310px}
XML/HTML代码
<div id="first"></div>
<div id="second"></div>
<div id="third"></div>
Zoom属性是IE浏览器的专有属性,这里为1是说明在原来的比例?
_margin-left 这个属性没见过,是干什么的?
------解决方案--------------------
css hack的意思是利用浏览器对css文本解析的特殊处理,绕过某些浏览器的解析,只针对某个特定版本和内核的浏览器生效,写这样的css规则来特殊对待某个浏览器,这个技术就是css hack。
在属性前面加下划线,这种方法IE6会正常解析,因此用来hack IE6。
css hack可以用来区分IE6/7/8/FF/Chrome,更多hack方法,请自行百度吧。
------解决方案-------------------- _margin-left只针对IE6,也就是hack IE6
zoom:1是为了让div产生bfc
什么是bfc,楼主请参考http://blog.csdn.net/borishuai/article/details/8127758