怎么使用3个div实现这个布局,css怎么写

来源:互联网 发布:免费cad绘图软件 编辑:程序博客网 时间:2024/04/28 18:16

<body>
<div id="d1"></div>
<div id="d2"></div>
<div id="d3"></div>
</body>
http://hi.csdn.net/attachment/201009/7/2549416_12838282482bdivh5.jpg

 

 

 

*************************************************************

 

</head>

<style>

#id1{

float:left;

width:59%;

height:300px;

border:1px #CC0066 solid;}

#id2{

float:left;

width:59%;

height:300px;

border:1px #009900 solid;}

#id3{

float:right;

width:40%;

height:600px;

border:1px #99FF99 solid;}

 

</style>

<body>

<div id="id1">d1</div>

<div id="id3">d3</div>

<div id="id2">d2</div>

 

 

</body>

 

原创粉丝点击