日期:2014-05-16  浏览次数:20341 次

关于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 这个属性没见过,是干什么的?

------解决方案--------------------
引用:
Quote: 引用:

_margin-left 这个是仅在ie6下生效的意思。。。
这个帖子应该放到css板块下。。。关于css hack 的问题

css hack和CSS不是一样的?

_margin-left 和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