论在css+div中自动适应高度的问题
Thursday, 27. April 2006, 10:17:03
前一段一直在练习css+div的排版模式,与表格排版的区别是相当大的,虽然对于网页设计人员来说,表格排版灵活性要高出许多,但无论从加载速度和代码量来说真是好了不少,减少了代码的重复书写量,也使代码看上去更上简洁了。
在学习的过程中“自动适应高度”是一个比较棘手问题,早前有很多人在试过多种方案,网上比较多的有以下两种,如
http://www.w3cn.org/article/step/2004/36.html http://www.w3cn.org/article/step/2004/36.html(看了有点吓人什么32767都来了,仅对opera有效) 在亲手试过之后,都被否决了。 后来找到下面的方案
http://www.w3cn.org/article/layout/2004/88.html 按此方案试做了一遍,虽然大体上成功了,但仍有局总无法实现,而且书写烦琐。 百思不得其解,无意在看到另一种极其简单的方式,终于可以宣告合格通过, 自动适应高度一般是在内嵌div有排列属性时出现时,如
http://www.w3cn.org/article/step/2004/36.html http://www.w3cn.org/article/step/2004/36.html(看了有点吓人什么32767都来了,仅对opera有效) 在亲手试过之后,都被否决了。 后来找到下面的方案
http://www.w3cn.org/article/layout/2004/88.html 按此方案试做了一遍,虽然大体上成功了,但仍有局总无法实现,而且书写烦琐。 百思不得其解,无意在看到另一种极其简单的方式,终于可以宣告合格通过, 自动适应高度一般是在内嵌div有排列属性时出现时,如
<div id="yy"> <div id="ll_1" style="float: left"></div> <div id="ll_1" style="float: right"></div> </div>只要在内嵌div的下方添加带clear:both属性的元素时就万事大吉了,而且IE,firefox,opera都适用
<div id="yy"> <div id="ll_1" style="float: left"></div> <div id="ll_1" style="float: right"></div> <div id="ll_1" style="clear: both"></div> </div>很简单,怎么就没想到呢,所以别把事想得太复杂,生活就是这么简单的。霍霍!!! 值得注意的是,在IE中如果用数值定义了高度(height:20px),如果内嵌元素(图片除外)高于外层,高度会随之增高,而firefox和opera中则不然,只根据它原有高度进行定义。 学div+css并不难,主要在于,做出来的页面要和网页标准(W3C),在每种浏览器中都能正常浏览,真才是最累的地方 css 在 ie 和 firefox 的一些区别 http://club.netsprite.com/blog/lilan/18832.htm 滚动条样式的几个属性
#6D7113 #26331B SCROLLBAR-FACE-COLOR: #26331B; SCROLLBAR-HIGHLIGHT-COLOR: #26331B; SCROLLBAR-SHADOW-COLOR: #26331B; SCROLLBAR-3DLIGHT-COLOR: #26331B; SCROLLBAR-ARROW-COLOR: #26331B; SCROLLBAR-TRACK-COLOR: #6D7113; SCROLLBAR-DARKSHADOW-COLOR: #26331B; SCROLLBAR-BASE-COLOR: #6D7113;两个flash的颜色编辑器











