一个有趣的布局 | 走走停停看看

一个有趣的布局

2008年7月6日 – 17:51

　
尝试一下，不用定位，只用浮动，就把这个排版排出来看看。

不要被她迷惑了，其实没你想的那么难

实在想不出来，可以看这里。

<div id="wrap">
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
<div id="d"></div>
<div id="e"></div>
</div>

Posted in CSS | 277 views

4 Responses to “一个有趣的布局”
呵呵有点儿意思

By 半瓶墨水 on Jul 16, 2008
呵呵，有点意思~

By 学习笔记 on Jul 24, 2008
晕了，为什么我发的留言看不到啊，更要审核？

By 学习笔记 on Jul 24, 2008
小飞，我跟你的有点点不一样。呵呵

#wrap{width:300px;height:300px; margin:20px auto;}
#a,#b,#c,#d,#e{float:left;}
#a{width:100px; height:200px; background-color:#999999;}
#b{width:200px; height:100px; background-color:#FF0000;}
#c{width:100px; height:100px; background-color:#FFCC00;}
#d{width:100px; height:200px; background-color:#0033CC; float:right;}
#e{width:200px; height:100px; background-color:#00FF00; float:right;}

By 一揪 on Jul 31, 2008