CSS 为什么BOTTOM不在底部？怎么设置？
<head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>margin...
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>margin实例--设置层与层的距离</title>
<style type="text/css">
#mybody
{
width:100%;
margin:0;
font-size:14px;
border:0;
}
div
{
border:1px solid red;
}
#header
{
margin:5px auto;
width:100%;
height:80px;
}
#contentleft
{
width:180px;
height:450px;
float:left;
}
#contentcenter
{
width:410px;
height:450px;
float:left;
margin-left:6px;
}
#contentright
{
width:170px;
height:450px;
float:right;
margin-left:6px;
}
#bottom{
height:80px;
width:100%;
background:gray;
}
</style>
</head>
<body>
<div id="mybody">
<div id="header">
这是网页头部，放一些logo，宣传栏之类
</div>
<div id="contentright">
内容右栏
</div>
<div id="contentleft">
网页内容左栏
</div>
<div id="contentcenter">
内容中间栏
</div>
<div id="bottom">
网页底部
</div>
</div>
</body>
</html>
</html> 展开
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>margin实例--设置层与层的距离</title>
<style type="text/css">
#mybody
{
width:100%;
margin:0;
font-size:14px;
border:0;
}
div
{
border:1px solid red;
}
#header
{
margin:5px auto;
width:100%;
height:80px;
}
#contentleft
{
width:180px;
height:450px;
float:left;
}
#contentcenter
{
width:410px;
height:450px;
float:left;
margin-left:6px;
}
#contentright
{
width:170px;
height:450px;
float:right;
margin-left:6px;
}
#bottom{
height:80px;
width:100%;
background:gray;
}
</style>
</head>
<body>
<div id="mybody">
<div id="header">
这是网页头部，放一些logo，宣传栏之类
</div>
<div id="contentright">
内容右栏
</div>
<div id="contentleft">
网页内容左栏
</div>
<div id="contentcenter">
内容中间栏
</div>
<div id="bottom">
网页底部
</div>
</div>
</body>
</html>
</html> 展开
1个回答
展开全部
你的顺序不对，DIV的块也应该是左中右，不是左右中。
写完三个块之后呢，还应该清除一下浮动。然后再写底部的块。
写完三个块之后呢，还应该清除一下浮动。然后再写底部的块。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
大雅新科技有限公司
2024-11-19 广告
这方面更多更全面的信息其实可以找下大雅新。深圳市大雅新科技有限公司从事KVM延长器,DVI延长器,USB延长器,键盘鼠标延长器,双绞线视频传输器,VGA视频双绞线传输器，VGA延长器,VGA视频延长器,DVI KVM 切换器等，优质供应商，...
点击进入详情页
本回答由大雅新科技有限公司提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
