无双

博学善思,自强不息

导航

2012年7月30日 #

CSS布局奇淫技巧之-高度自适应

摘要: 何为高度自适应? 高度自适应就是高度能跟随浏览器窗口的大小改变而改变,典型的运用在一些后台界面中上面一栏高度固定用作菜单栏或导航栏,下面一栏高度自适应用于显示内容。高度自适应不像宽度自适应那样简单,在兼容浏览器方面也稍微复杂一些。 布局思路 在IE7+及chrome、firefox等浏览器中,高度自适应可以利用绝对定位来解决。但一个元素是绝对定位时,如果没有给它设定高度或宽度,则它的的高度和... 阅读全文

posted @ 2012-07-30 14:55 无双 阅读(73247) 评论(11) 推荐(10) 编辑

CSS布局奇淫技巧之-宽度自适应

摘要: css这个东西,说难不难,说容易也不容易。我觉得最重要的还是经验的积累,正所谓的不积硅步,无以至千里。这一系列文章讲述几种css特殊布局的实现,也当作为自己做个备忘吧。 首先讲的是三列布局,左右两列宽度固定,中间一列宽度自适应 这个很好实现,左右两列分别左浮动和右浮动并给一个固定宽度,中间不浮动,也不设定宽度。这样基本就可以了。但为了兼容IE还必须做些工作。 看下代码结构: 效果为:... 阅读全文

posted @ 2012-07-30 10:47 无双 阅读(70197) 评论(7) 推荐(13) 编辑