我有三分之二的div。所包含的div之一向左浮動，另一個向右浮動。我希望2個同級div始終處于相同的高度，但是對此存在問題。到目前為止，我只在Firefox中查看該頁面，并認為在至少一個瀏覽器中運行它后，我會擔心任何跨瀏覽器的問題。

這是標記：

...

...

這是CSS：

#main-container { position: relative; min-height: 500px; }

#left-div { position: relative; float: left; width: 700px; min-height: inherit; }

#right-div { position: relative; float: right; width: 248px; min-height: inherit; height: inherit; }

.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; _height: 1%; clear: both; }

.clearfix { display: block; clear: both; }

.border { border: solid 1px #000; }

如果中的內容#left-div長于500px，#right-

div則不會擴展為匹配。在我嘗試了一個例子，說的Firefox的計算式的高度#main-

container是804px，的計算式的高度#left-div是800px和的計算的風格高度#right-

div為586.2px，因為它已經擴展到適合它自己的內容。

我了解我可能會以錯誤的方式進行操作，如果這是一個重復的問題，那么我表示歉意，但我不確定要搜索的內容。

總結

以上是生活随笔為你收集整理的html 点击div 改变高度,HTML / CSS将div设置为同级的高度的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。