css div float属性

时间：2016-04-28 01:41:49 阅读：158 评论：0 收藏：0 [点我收藏+]

标签：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

div#test1

{

float:left;

background-color:blue;

width:200px;

height:200px;

border:1px solid black;

}

div#test2

{

background-color:red;

width:200px;

height:200px;

border:1px solid black;

}

div#test3

{

background-color:yellow;

width:200px;

height:200px;

border:1px solid black;

}

</style>

</head>

<body>

</div>

这是一个段落

</div>

</body>

</html>

这种情况下test1将覆盖test2;

如果在文档流中将test2放在前面，则test2将不会被覆盖，test1显示在test2的下面。

标签：

原文地址：http://www.cnblogs.com/feng12345/p/5441004.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行