老师 中间在设置的宽度随页面变化的这块代码 显示出来的与页面顶端有一段间距 但是代码里写了margin:0 300px 0 200px 不知道是什么问题
margin:0 300px 0 200px
3 回答
<!DOCTYPE HTML>
<!DOCTYPE html>
<html>
<head>
<title>布局</title>
<style type="text/css">
body{margin:0;padding:o;}/*清除默认样式*/
.left{
width:200px;
height:500px;
float:left
background-color:#f88;
position:absolute;
left:0;
top:0;
}
.right{
width:300px;
height:500px;
float:right;
background-color:#ddd;
position:absolute;
right:0;
top:0;
}
.middle{
margin:0px 300px 0px 200px;
height:500px;
background-color:#999;
}
</style>
</head>
<!--要求来三列布局 两侧是固定宽度，但是中间的宽度是自适应的-->
<body>
<div class=“left”>200px</div>
<div class="middle">浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。
由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。</div>
<div class="right">300px</div>
</body>
</html>
举报
0/150
提交
取消
