网页-html+css新手，大神们能帮看看这个布局怎么搞么

问题描述

html+css新手，大神们能帮看看这个布局怎么搞么

如图，这是我网页布局的草稿，具体应该怎么搞不太明白。能帮帮我么

解决方案

图片转过来啦

解决方案二：

在中间多加一个div用来装中间的三个div

解决方案三：

解决方案四：

上下两个div，一个float是top，一个bottom，中间那个用absolute的postion，自己用JavaScript去控制它的left和top，以及height，它里面套3个div，自己控制宽度

解决方案五：

中间三个div用浮动就行了

解决方案六：

top解决方案七：

上（top）中下( bottom )各一个盒子( div )，在中间那个盒子中嵌套三个盒子浮动摆放

解决方案八：

float布局而已


<!DOCTYPE html>
<style>
    #wrapper{width:900px;margin:0px auto}
    #content{zoom:1;overflow:hidden}
    #left,#middle,#right{margin-left:10px;height:500px;float:left}
    #left,#right{width:200px}
    #right{float:right}
    #left{margin-left:0px}
    #middle{width:450px}
</style>
<div id="wrapper">
<div id="top">top</div>
<div id="content">
<div id="left">left</div>
<div id="middle">middle</div>
<div id="right">right</div>
</div>
<div id="bottom">bottom</div>
</div>

解决方案九：

 <!DOCTYPE html>
<style>
    #wrapper{width:900px;margin:0px auto}
    #content{zoom:1;overflow:hidden}
    #left,#middle,#right{margin-left:10px;height:500px;float:left}
    #left,#right{width:200px}
    #right{float:right}
    #left{margin-left:0px}
    #middle{width:450px}
</style>
<div id="wrapper">
<div id="top">top</div>
<div id="content">
<div id="left">left</div>
<div id="middle">middle</div>
<div id="right">right</div>
</div>
<div id="bottom">bottom</div>
</div>

解决方案十：

布局设计，很多教程的。