css中浮动的问题
发布网友
发布时间:2022-04-28 17:35
我来回答
共1个回答
热心网友
时间:2022-05-12 20:43
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<style type="text/css">
*{
margin:0;
padding:0;
}
#content {
margin:auto;
width:600px;
}
#content>div{
float:left;
}
#side {
width:200px;
height:300px;
background:#9F9;
}
#side1 {
width:200px;
height:300px;
background:#ffff00;
}
#main {
height:300px;
background:#99ffcc;
}
</style>
</head>
<body>
<div id="content">
<div id="side">
此处是“id=side”的内容
</div>
<div id="main">
此处是“id=main”的内容
</div>
<div id="side1">
次处是“id=side1”的内容
</div>
</div>
</body>
</html>追问#content>div {float:left:} 让第一个div向左浮动,其他的补充是么?这块怎么才能理解透彻呢?十分感谢!