当前位置: 网站建设 > 网页设计 > 建站经验 >

两个并列的div让其根据内容自动保持同等高度

时间:2013-03-02 03:50来源:未知 作者:admin 点击:

标签:两个并列的div让其根据内容自动保持同等高度 两个(16)同等(1)保持(7)网站(482)并列(1)高度(18)div(47)根据(5)内容(46)自动(25)
--> [网站建设之]两个并列的div让其依据内容自动保持等同高度 另外,在实际应用,可能还会存在因为左div或右div存在padding属性而导致上述取值变多或变少的问题。比方,终极赋值时发明left比right还高10px,那么也能够通过修正上述代码解决: $(left).style.h
两个并列的div让其根据内容自动保持同等高度》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030233D22013.htm
--> [网站建设之]两个并列的div让其依据内容自动保持等同高度

 

另外,在实际应用,可能还会存在因为左div或右div存在padding属性而导致上述取值变多或变少的问题。比方,终极赋值时发明left比right还高10px,那么也能够通过修正上述代码解决:

$("left").style.height=$("right").offsetHeight-10 + ",专门针对IE的CSS hack;px";

同时,也有网友发问到“假如右块高度比左块低,专访站长陈小欢:谈谈网站运营那些事,会不会导致左块的内容被溢出不显示之类的问题。应当是取左右2者的最高值吧来对齐吧”。

Tag:CSS   DIV   CSS   DIV  

经测试,该代码有效。

确实应该是哪个div Height值大,专访张华:分享多年B2C网站运营经验,就将其值赋给Height值小的div,从而使2个div高度始终坚持一致。看代码:

<script src="jquery-1.5.1,与web设计相关的原则,让你的网页脱颖而出.min.js" type="text/javascript"><,不要让用户在网站中迷路;/script>,不用Cookie的仿刷新二级高亮菜单; <script type="text/javascript">// <,不得不防的友情链接; ![CDATA[
// < ,不同环境下网站进行301重定向的代码集锦![CDATA[
  function $(id){ return document.getElementById(id) } function getHeight() { if ($("left").offsetHeight>=$(",不可不知的css十大密技;right").offsetHeight){
$("right").style.height=$("left",下载类型网站到底该如何去运营;).offsetHeight + "px";
}
else{
$("left").style.height=$("right").offsetHeight + "px";
}
}
window.onload = function() {
getHeight();
}
// ]]></script>

咱们看下下面这个问题:有左右2个并列的div,2个div都不能限定高度。左div为导航,右div为内容。如何能让左div块主动取得跟右div块相等的高度?


(责任编辑:网站建设)
两个并列的div让其根据内容自动保持同等高度相关文章
上一篇:专门针对IE的CSS hack 下一篇:两个重要维度评估网站价值
回到顶部