html 学习(一)

时间:2023-03-08 20:57:47
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;