问怎样用三个div做出这个样子

傅琦鸿 2010-08-12 04:56:16

[img=][/img]img=][/img] img=][/img]img=][/img]img=][/img]img=][/img]img=][/img]
img=][/img]img=][/img] img=][/img]img=][/img]img=][/img]img=][/img]img=][/img]
img=][/img]img=][/img] img=][/img]img=][/img]img=][/img]img=][/img]img=][/img]
img=][/img]img=][/img] img=][/img]img=][/img]img=][/img]img=][/img]img=][/img]
img=][/img]img=][/img] img=][/img]img=][/img]img=][/img]img=][/img]img=][/img]
img=][/img]img=][/img]
img=][/img]img=][/img] img=][/img]img=][/img]img=][/img]img=][/img]img=][/img]
img=][/img]img=][/img] img=][/img]img=][/img]img=][/img]img=][/img]img=][/img]
img=][/img]img=][/img] img=][/img]img=][/img]img=][/img]img=][/img]img=][/img]
img=][/img]img=][/img] img=][/img]img=][/img]img=][/img]img=][/img]img=][/img]
img=][/img]img=][/img] img=][/img]img=][/img]img=][/img]img=][/img]img=][/img]
img=][/img]img=][/img] img=][/img]img=][/img]img=][/img]img=][/img]img=][/img]
img=][/img]img=][/img] img=][/img]img=][/img]img=][/img]img=][/img]img=][/img]
img=][/img]img=][/img] img=][/img]img=][/img]img=][/img]img=][/img]img=][/img]
img=][/img]img=][/img] img=][/img]img=][/img]img=][/img]img=][/img]img=][/img]
img=][/img]img=][/img] img=][/img]img=][/img]img=][/img]img=][/img]img=][/img]
img=][/img]img=][/img] img=][/img]img=][/img]img=][/img]img=][/img]img=][/img]
img=][/img]img=][/img] img=][/img]img=][/img]img=][/img]img=][/img]img=][/img]

...全文

45 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

傅琦鸿 2010-09-15

打赏
举报

[Quote=引用 4 楼 love441820806 的回复:]

行的话记得给我分哈呵呵呵
[/Quote]
呃，那个我这帖子好像是没分的了，对不住啦，我加你下次有机会的，我写这个的时候也是没有法子没分

love441820806 2010-08-25

打赏
举报

行的话记得给我分哈呵呵呵

love441820806 2010-08-25

打赏
举报

<!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>
<title> 你好!!!</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="basic.css" />
</head>
<body>
<div id="left">

</div>

<div id="top">top</div>

<div id="topbottom">topbottom</div>

</body>
</html>

将下面这段代码保成为basic.css就可以了
*{
margin:0;
padding:0;
}
body{
width:760px;
margin:0 auto;
}
#left{
width:250px;
height:800px;
border:1px solid #ccc;
margin-right:5px;
float:left;
}
#top{
width:500px;
height:200px;
border:1px solid #ccc;
float:right;
margin-bottom:5px;
}
#topbottom{
width:500px;
height:490px;
border:1px solid #ccc;
float:right;
}

你可以试试吧