《
两个并列的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让其根据内容自动保持同等高度相关文章