html 学习(一)

一、用CSS实现如下布局,使用三个div

html 学习(一)

代码实现如下:

html 学习(一)

说明:

1、margin-left:110px; _margin-left:107px;

    margin-left:110px; 所有浏览器都要执行,_margin-left:107px;只有ie6及其以下版本的浏览器才会起作用,因为ie6及其以下会存在3px的bug,这个将第三个div少3个像素就好了。

2、让first和second浮动起来,third就可以和first、second并列显示;

    如果让first和second浮动起来,他们两个会并排显示,为了让second能显示在first的下方,要先将first的浮动清楚,所以加上clear:left;

html 学习(一),布布扣,bubuko.com

html 学习(一)

上一篇:Web开发人员必读的5本书(转)


下一篇:“IE8 拒绝访问(Permission Denied) jQuery1.10.1.js 行1513”的处理方法