html+css实现不规则排版，求CSS怎么写 20
前面漏了个div
应该是<div id="right">
<div class="blog">
<a href="#"> 展开
给你个参考
<html>
<head>
<style>
h1{
font-size:40px;
text-align:center;
}
#page{
width:300px;
height:500px;
margin:0 auto;
}
#header{
border: 1px red dashed;
width:100%;
height:80px;
background: #FDFDFD;
}
#content{
border: 1px red dashed;
background: #FFFADD;
width:100%;
height:300px;
margin:0 auto;
}
#left{
border: 1px red dashed;
width:80px;
height:100%;
float:left;
}
#right{
border: 1px red dashed;
height:100%;
width:200px;
float:right;
}
#footer{
border-style:dashed;
width:100%;
height:80px;
background: #FDFDFD;
border: 1px red dashed;
}
</style>
</head>
<body>
<div id="page">
<div id="header"><h1>header</h1></div>
<div id="content">
<div id="left"><h1>left</h1></div>
<div id="right"><h1>right</h1></div>
</div>
<div id="footer"><h1>footer</h1></div>
</div>
</body>
</html>
效果如下：
但你的码完全跟你的手稿不一样，我想知道的是中间那块排版问题。我试过用float不能完全解决。
我给的手稿是让你按那样划分写，我的码对应的是下面那个红框图，，这个代码很多，谁也不会浪费时间给你写全的，主要还是要你自己编的
