DIV+CSS完成布局设计（在浏览器中要居中显示），如下图
急；答对另外追加30分请高手附上完整代码；谢谢。必会加分谢谢两位的解答；不过我需要完整代码。完整代码。完整代码。能够直接另存html文件就实现效果的。还有这个问题未解决：...
急； 答对另外追加30分
请高手附上完整代码； 谢谢。 必会加分
谢谢两位的解答； 不过我需要完整代码。
完整代码。 完整代码。 能够直接另存html文件就实现效果的。
还有这个问题未解决：http://zhidao.baidu.com/question/557707405?quesup2&oldq=1 展开
请高手附上完整代码； 谢谢。 必会加分
谢谢两位的解答； 不过我需要完整代码。
完整代码。 完整代码。 能够直接另存html文件就实现效果的。
还有这个问题未解决：http://zhidao.baidu.com/question/557707405?quesup2&oldq=1 展开
5个回答
展开全部
body {
margin: 0px 0px; //页面居中
background-color: #42b2f8;//背景色
}
<body>
<div style=" width:100%; height:90 margin: 0 auto; background-color:yellow " ></div>
<div style=" width:100%; margin: 0 auto;">
<div style=" width:200; height:600 margin-top:20px; background-color:左边的颜色 float:left;" ></div>
<div style=" width:600; height:600 margin-left:10px; background-color:右边的颜色 " ></div>
</div>
</body>
纯手打、楼主给力
margin: 0px 0px; //页面居中
background-color: #42b2f8;//背景色
}
<body>
<div style=" width:100%; height:90 margin: 0 auto; background-color:yellow " ></div>
<div style=" width:100%; margin: 0 auto;">
<div style=" width:200; height:600 margin-top:20px; background-color:左边的颜色 float:left;" ></div>
<div style=" width:600; height:600 margin-left:10px; background-color:右边的颜色 " ></div>
</div>
</body>
纯手打、楼主给力
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<TITLE>我来帮你弄下</TITLE>
<meta name="description" content="." />
<meta name="keywords" content="谁能帮我实现这个简单的htm页面布局吗？" />
<style>
*{margin:0px; padding:0px;}
.head,.body,.footer{margin:0px auto; width:1000px;}
.left{width:400px; height:700px; background:red; float:left;}
.right{width:590px; margin-left:10px; height:700px; background:blue; float:left;}
.clear{clear:both;}
.foot_one{height:80px; width:100%; background:#356894;}
.foot_two{height:80px; width:100%; background:#358987;}
</style>
</head>
<div class="head" style="height:60px; background:#333;">块1</div>
<div class="body" style="margin-top:10px;">
<div class="left">块2
这样不知道实现了没有！ 我只是想问下你<a href="omi66.com">拿这个干啥呢？</a>
</div>
<div class="right">块3</div>
<div class="clear"></div>
</div>
<div class=footer>
<div class="foot_one">块4</div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
黑色背景如果是body，设置宽度为width:100%;
白色背景的wrap块设置宽度为width:1000px;设置margin:0 auto;
这样白色块就会居中。提交回答
margin居中父容器要有个宽度值。
黄色块div宽度100%；高度80px;底边距10px;
棕色div块左浮动,宽度20%；高度700px;
绿色div块左浮动，宽度70%；高度700px;
空白标签div清除浮动
白色背景wrap结束。
《/body》
《/html》
完了。
白色背景的wrap块设置宽度为width:1000px;设置margin:0 auto;
这样白色块就会居中。提交回答
margin居中父容器要有个宽度值。
黄色块div宽度100%；高度80px;底边距10px;
棕色div块左浮动,宽度20%；高度700px;
绿色div块左浮动，宽度70%；高度700px;
空白标签div清除浮动
白色背景wrap结束。
《/body》
《/html》
完了。
追问
请高手附上完整代码； 谢谢。 必会加分
追答
yongjiandefashi@163.com
*{
margin: 0;
padding: 0;
border: 1px solid #ccc;
}
body{
width: 100%;
background-color: black;
height: 100%;
}
.wrap{
width: 1000px;
margin: 0 auto;
background-color: white;
margin-bottom: 70px;
}
.top{
width: 100%;
background-color: #ff0;
margin-bottom: 10px;
height: 80px;
}
.left{
width: 200px;
height: 700px;
float: left;
background-color: #333;
}
.right{
float: right;
width: 770px;
background-color: #666;
height: 700px;
}
.cb{
clear: both;
}
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
一楼用得上那么复杂吗？
<!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=utf-8" />
<title>无标题文档</title>
<style>
<!--
#main { width:1000px; overflow:hidden; margin:0 auto; }
#top { width:998px; height:100px; background-color:#ffff01; margin-bottom:15px; border:#cccccc 1px solid; }
#left { width:300px; height:500px; background:#ffffcd; float:left; border:#cccccc 1px solid; }
#right { width:690px; height:500px; background:#66fecb; float:right; border:#cccccc 1px solid; }
-->
</style>
</head>
<body>
<div id="main">
<div id="top"></div>
<div id="left"></div>
<div id="right"></div>
</div>
</body>
</html>
<!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=utf-8" />
<title>无标题文档</title>
<style>
<!--
#main { width:1000px; overflow:hidden; margin:0 auto; }
#top { width:998px; height:100px; background-color:#ffff01; margin-bottom:15px; border:#cccccc 1px solid; }
#left { width:300px; height:500px; background:#ffffcd; float:left; border:#cccccc 1px solid; }
#right { width:690px; height:500px; background:#66fecb; float:right; border:#cccccc 1px solid; }
-->
</style>
</head>
<body>
<div id="main">
<div id="top"></div>
<div id="left"></div>
<div id="right"></div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div class="aa"></div>
<style>
body{ margin:0px;padding:0px;}
.aa { margin:0 auto; width:500px; height:500px; border:1px solid red;}
<style>
试试看，居中了
<style>
body{ margin:0px;padding:0px;}
.aa { margin:0 auto; width:500px; height:500px; border:1px solid red;}
<style>
试试看，居中了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
