<div+css页面布局课堂笔记>6---与盒子相关的CSS属性第三部分

来源：互联网发布：日本js标准与国内标准编辑：程序博客网时间：2024/06/06 19:26

1.float:

设置区块漂浮属性，允许网页制作者将文本环绕在一个元素的周围。

使用左漂浮left值，右漂浮right值。

2.clear：

清除元素漂浮属性。

值为left移动元素使其左边没有漂浮元素；

right值则移动元素使其右边没有漂浮元素；
none--缺省值；

both---移动元素让其左右都没有漂浮元素。

3.文档流为一层，漂浮层为一层，z-index为一层。

Eg:

<html>
<head>
<meta name="my" content="david">
<style>
#one {
width:300px;
height:110px;
background:red;
//display:inline;
float:right;

}
#two {
width:300px;
height:110px;
background:blue;
//display:inline;
float:left;
clear:right;
}
#three {
width:300px;
height:110px;
background:green;
//display:inline;
float:right;
clear:left;
}
</style>
</head>
<body>
<div id="one">
123415646
</div>
<div id="two">

</div>
<div id="three">

</div>
</body>
</html>

0 0