样式不起作用为什么？
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="gb2312">
<title></title>
<style type="text/css">
#content{
background-color:blue;
margin:10px auto;
width:308px;
height:304px;
border:1px solid red;
}
#left{
background-color:green;
border:2px solid #333;
width:150px;
height:100%;
position:absolute;
top:0;
left:0;
}
#right{
background-color:red;
border:2px solid #333;
width:150px;
height:100%;
position:absolute;
top:0;
right:0;
}
#center{
background-color:blue;
border:2px solid #333;
height:100%;<!--没用为什么-->
margin-left:156px;
margin-right:156px;
}
</style>
</head>
<body>
<!--<div id="content">-->
<div id="left">
</div>
<div id="center">
</div>
<div id="right">
</div>
<div id="clear"></div>
<!--</div>-->
</body>
</html>
yuqingzhijie3596863浏览 1237回答 3
3回答
-
web老实人
楼上说得很好了，如果你给center一个定位 一样也会有效果
随时随地看视频慕课网APP
Html/CSS