http://www.oneflash.net www.oneflash.net Tue, 06 Dec 2011 05:23:15 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 http://www.oneflash.net/2007/12/overflow-page-layout/ http://www.oneflash.net/2007/12/overflow-page-layout/#comments Mon, 03 Dec 2007 12:51:00 +0000 David http://oneflash.net/1970/01/%e5%b7%a7%e7%94%a8overflow%e5%b1%9e%e6%80%a7%e8%a7%a3%e5%86%b3%e4%b8%ad%e9%97%b4%e9%97%b4%e8%b7%9d%e9%97%ae%e9%a2%98/
通常我们在制作上图的时候，会分别给四个div加上不同的css属性，来实现中间间隔。但我们更希望的是不需要对html标签做标识，直接能通过css实现，今天在论坛上小志提出了一个很不错的解决方案。使用overflow:hidden属性。或许很多人已经是这样用了，我没用过，觉得耳目一新。呵呵。其实道理很简单，我们按照正常的设置li的margin-right、margin-bottom属性，这样的结果自然会比我们期望的要多出来右边和下方的，这个时候我们通过ul的父级来设置width/height属性，然后overflow:hidden把多余的隐藏掉。好方法，呵呵！
请看效果预览页面：overflow排版
解决方法请看图：

]]> http://www.oneflash.net/2007/12/overflow-page-layout/feed/ 0