CSS中clear:left和float: left分别表示什么意思?

CSS中clear:left和float: left分别表示什么意思?
2024-12-27 01:03:25
推荐回答(2个)
回答1:

比如A和B同行float:left了,这时候有个C不想float:left 和AB同一行,
就可以给C来个clear:left,这样C就可以在另一行了

回答2:

float:left;
是用于想使div成为一行..
clear:both;
是用于清楚上边属性的浮动
你的代码首先设置就有错误你设置left
center
right都为240px
又单独设置
right为420px;left+center+right=900
;你又设置了border:2px
margin:20px;你可以算下这样已经超出了mid的范围
你的right最多可以设为296px;
这样三个才能成为一行..
<"
http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd
">


index<br>page
type="text/css">
body{margin:0px;padding:0px;}
div{border:2px
#00ff00
solid;
margin:20px;}
#container{width:980px;margin:0px
auto;}
#header{height:150px;}
#footer{height:150px;}
#mid{height:150px;}
#left,#center,#right{width:240px;}
#left{float:left;}
#center{float:left}
#right{
float:left;width:296px
}



id="container">
color="red">layout
id="header">header


id="mid">
id="left">left

id="center">center

id="right">right

style="clear:both">


id="footer">footer



相关问答
最新问答