超碰人人人人人,亚洲AV午夜福利精品一区二区,亚洲欧美综合区丁香五月1区,日韩欧美亚洲系列

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

如何讓2個并列的div根據(jù)內(nèi)容自動保持同等高度

Ccoffee
2011年4月9日 10:48 本文熱度 3721
最近在工作中碰到一個需求:
有左右2個并列的div,2個div都不能限定高度。左div為導(dǎo)航,右div為內(nèi)容。如何能讓左div塊自動獲得和右div塊相等的高度?

實現(xiàn)代碼:

Javascript代碼


上一篇文章的留言中有朋友提醒我:“如果右塊高度比左塊低,會不會導(dǎo)致左塊的內(nèi)容被溢出不顯示之類的問題。應(yīng)該是取左右2者的最高值吧來對齊吧”。
的確,文章中的代碼只能將右div塊的高度賦值給左div塊。因為當(dāng)時工作中碰到的情況是右div不可能比左div低,所以沒有考慮左div比右div高的情況。
今晚沒事,就折騰改進(jìn)了一下代碼,改進(jìn)以后代碼會對左右div塊的高度進(jìn)行比較。哪個div Height值大,就將其值賦給Height值小的div,從而使2個div高度始終保持一致??创a:

XML/HTML代碼


經(jīng)測試,該代碼有效。
另外,在實際運用,可能還會存在由于左div或右div存在padding屬性而導(dǎo)致上述取值變多或變少的問題。比如,最終賦值時發(fā)現(xiàn)left比right還高10px,那么也可以通過修改上述代碼解決:

該文章在 2011/4/9 10:51:23 編輯過
關(guān)鍵字查詢
相關(guān)文章
正在查詢...
點晴ERP是一款針對中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。
點晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運作、調(diào)度、堆場、車隊、財務(wù)費用、相關(guān)報表等業(yè)務(wù)管理,結(jié)合碼頭的業(yè)務(wù)特點,圍繞調(diào)度、堆場作業(yè)而開發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
點晴WMS倉儲管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務(wù)都免費,不限功能、不限時間、不限用戶的免費OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved