css 三栏简单浮动问题,

发布网友发布时间：2022-04-06 12:57

共3个回答

热心网友时间：2022-04-06 14:26

你的CSS命名都错了
如果你是用来布局的，最好就是带上宽度。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>测试</title>
<style type="text/css">
div {
border:#FF0000 2px dashed;
}
#main {
width:999px;
height:300px;
}
#main div {
width:200px;
height:200px;
}
.left {
float:left;
}
.right {
float:right;
}
</style>
</head>
<body>
<div id="main">
<div id="left" class="left">左边的</div>
<div id="mid" class="left">中间的</div>
<div id="right" class="right">右边的</div>
</div>
</body>
</html>

热心网友时间：2022-04-06 15:44

很简单的啦：
#left{float:left;} 改成 #left, #mid, #right{float:left;}

#main{float:right;} 这句去掉就OK了（不去也是可以滴哈，不过画蛇添足）

不明白的话call我

热心网友时间：2022-04-06 17:19

浮动的元素（#mian,#left,#right）都给上宽度，并且宽的总和不要超过#mian的宽。