2 daossss daoSsSs 于 2015.06.08 09:27 提问

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

图片说明

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

14个回答

u012216727
u012216727   Ds   Rxr 2015.06.08 10:11

图片说明

daoSsSs
daoSsSs   2015.06.08 09:30

图片说明

图片转过来啦

u011063502
u011063502   2015.06.08 09:37

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

bdmh
bdmh   Ds   Rxr 2015.06.08 09:35

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

dongkaih
dongkaih   2015.06.08 09:43

中间三个div用浮动就行了

u012216727
u012216727   Ds   Rxr 2015.06.08 10:00
top
//下面的设定好宽高后float:left
left
center
right
clear浮动
bottom
u013558749
u013558749   2015.06.08 10:06

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

showbo
showbo   Ds   Rxr 2015.06.08 10:29

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>
showbo
showbo   Ds   Rxr 2015.06.08 10:30
 <!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>
lezzyy
lezzyy   2015.06.08 15:12

布局设计,很多教程的。

共14条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片