div漂浮面试题,三个div关于漂浮的

题目的意思就是用三个div实现这个图,要求全兼容 不能用定位来实现。

<style>
  *{ margin:0px; padding:0px;}
  div{ background:#FC6; margin:10px; width:200px; float:left; display:inline;}
  .box1{ height:200px;}
  .box2{ height:200px; margin:220px 0px 0px -210px;}
  .box3{ height:410px;}
</style>
<body>
  <div class="box1">1</div> 
  <div class="box2">2</div>
  <div class="box3">3</div>
</body>

上面是我的代码,我感觉我是投机取巧做的,看到的朋友希望能分享下你的思路和代码。咱们相互学习

 

 

posted @ 2013-04-23 14:12  聪哥、有点恾  阅读(231)  评论(0)    收藏  举报