|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
以下的内容是一位网友的DIVCSS编码笔记,是值得大家学习的,在实际工作与开发中,将工作中的点滴记录下来,回首这些过往,你也会收获很多
对本人的三栏css举行修正。发明中右两栏的高度没法与右边的日记栏主动顺应。日记栏因为日记的数目会变化。但假如日记栏高度低的话,又没法与中右栏高度分歧。上彀找了下,有一种使用overflow属性把多个div(这些div都设置了超长的高度大概宽度)举行平坦,效果不太好。仿佛地道css没法做到div高度自顺应。
这里有个办法:
假定有div1,div2,div3(三个子div,不论哪一个栏变化)。在加载页面里三个子div声明停止后(要在父div的布局里),加上:
<scripttype="text/javascript">
vara=Math.max(document.getElementById("div1").offsetHeight,document.getElementById("div2").offsetHeight,document.getElementById("div3").offsetHeight);
document.getElementById("div1").style.height=a+"px";
document.getElementById("div2").style.height=a+"px";
document.getElementById("div3").style.height=a+"px";
</script>
就是对照三个栏的高度巨细,掏出最年夜值。然后全体赋值为最高的。
快捷性:Div+css构架的页面,虽然在客户端看来下载一个复杂的css也要占用差不多的带宽,然而搜索引擎可以很方便的绕过这个css,而直接抓去Div中的内容。 |
|