在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 移動(dòng)端上,設(shè)置min-height的div中有元素有margin-bottom屬

移動(dòng)端上,設(shè)置min-height的div中有元素有margin-bottom屬性,會(huì)把該div撐開使得頁面出現(xiàn)滾動(dòng)條?

簡(jiǎn)單代碼如下,在chrome移動(dòng)端模式下

<div style="border:1px solid #000;height:667px;width:375px;overflow:scroll">
    <div style="min-height:667px">
        <div style="height:10px;margin-bottom:10px"></div>
    </div>
</div>

margin-bottom:10px時(shí)會(huì)出現(xiàn)滾動(dòng)條,去掉就沒有了,但是這個(gè)div就算加上margin也不能把父div撐開,為什么會(huì)出現(xiàn)滾動(dòng)條呢?

回答
編輯回答
笑浮塵

塊元素的問題,改成inline-block應(yīng)該不會(huì)出現(xiàn)滾動(dòng)條了

2017年6月5日 21:10
編輯回答
喵小咪

已解決
min-height的div上添加類page
css添加

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

這個(gè)實(shí)質(zhì)也是給min-height的div中最后加一個(gè)不帶margin-bottom的元素,也不算根本上解決

2018年4月7日 00:56
編輯回答
夏夕

看起來和margin-bottom沒關(guān)系,應(yīng)該是因?yàn)閛verflow:scroll導(dǎo)致的,你把這個(gè)改成overflow:auto

2017年3月22日 22:21