求这个布局的网页代码,要css和html分开的,谢谢!

 我来答
识掷路口

2013-11-01 · TA获得超过1091个赞
知道小有建树答主
回答量:1347
采纳率:57%
帮助的人:231万
展开全部
index.html
 
<html> 
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="top">最顶上</div>
<div class="header"> 
    <div class="h_l">第二行左边</div>
    <div class="h_r">第二行右边</div>  
</div>
<div class="center">第三行</div>
<div class="main">
    <div class="m_l">第四行左边</div>
    <div class="m_r">第四行右边</div>   
</div>
<div class="footer">最底下</div>
</body>
</html>
 
style.css

.top,.header,.center,.main,.footer{
    clear:both;
    height:30px;   

.top,.center,.footer{
    width:100%;  
}
.h_l,.m_l{
    width:20%;
    float:left;
    background:#ff0000;    
}
.h_r,.m_r{
    width:80%;
    float:left;
    background:#000000;    
}
匿名用户
2013-10-31
展开全部
左右两栏的地方浮动下就完了,这么简单,自己学着弄嘛,伸手要永远学不会。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
13856077103
2013-10-31 · TA获得超过795个赞
知道小有建树答主
回答量:1043
采纳率:100%
帮助的人:596万
展开全部
这个布局是很简单,自己看下书就会了,别人帮了你一时帮不了你一辈子
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式