亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

我怎樣才能保持兩個并排的天線保持相同的高度?

我怎樣才能保持兩個并排的天線保持相同的高度?

幕布斯6054654 2019-06-04 16:38:25
我怎樣才能保持兩個并排的天線保持相同的高度?我有兩輛車并排著。我希望它們的高度是一樣的,如果其中一個調整大小的話,保持不變。但我還是搞不懂這個。想法?為了澄清我令人困惑的問題,我希望兩個盒子的大小總是一樣的,所以如果其中一個是因為文本被放進去而增長的,那么另一個應該增長以與高度相匹配。<div style="overflow: hidden">    <div style="border:1px solid #cccccc; float:left; padding-bottom:1000px; margin-bottom:-1000px">        Some content!<br/>        Some content!<br/>        Some content!<br/>        Some content!<br/>        Some content!<br/>    </div>    <div style="border:1px solid #cccccc; float:left; padding-bottom:1000px; margin-bottom:-1000px">        Some content!    </div></div>
查看完整描述

3 回答

?
qq_笑_17

TA貢獻1818條經驗 獲得超7個贊

這是許多人遇到過的一個常見問題,但幸運的是,一些聰明的頭腦像埃德·艾略特在他的博客上已經在網上發布了他們的解決方案。

基本上,您所做的是使兩個div/列非常通過添加一個padding-bottom: 100%然后“欺騙瀏覽器”認為他們沒有那么高margin-bottom: -100%..埃德·艾略特在他的博客上對此做了更好的解釋,其中也包括了許多例子。

.container {

    overflow: hidden;

}

.column {

    float: left;

    margin: 20px;

    background-color: grey;

    padding-bottom: 100%;

    margin-bottom: -100%;

}

<div class="container">


    <div class="column">

        Some content!<br>

        Some content!<br>

        Some content!<br>

        Some content!<br>

        Some content!<br>

    </div>


    <div class="column">

        Something

    </div>


</div>


查看完整回答
反對 回復 2019-06-04
  • 3 回答
  • 0 關注
  • 653 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號