鍍金池/ 問答/HTML/ 移動端上，設置min-height的div中有元素有margin-bottom屬

移動端上，設置min-height的div中有元素有margin-bottom屬性，會把該div撐開使得頁面出現(xiàn)滾動條？

簡單代碼如下，在chrome移動端模式下

<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時會出現(xiàn)滾動條，去掉就沒有了，但是這個div就算加上margin也不能把父div撐開，為什么會出現(xiàn)滾動條呢？

回答
編輯回答
笑浮塵

塊元素的問題，改成inline-block應該不會出現(xiàn)滾動條了

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

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

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

這個實質也是給min-height的div中最后加一個不帶margin-bottom的元素，也不算根本上解決

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

看起來和margin-bottom沒關系，應該是因為overflow:scroll導致的，你把這個改成overflow:auto

2017年3月22日 22:21