子元素的邊距移動父元素我有一個div (父母)包含另一個div (兒童)。父元素是body沒有特別的CSS樣式。當(dāng)我開始.child
{
margin-top: 10px;
}最終的結(jié)果是，我的孩子的頂部仍然與父母保持一致。我的父母不是向下移動10 px，而是向下移動10 px。我的DOCTYPE設(shè)置為XHTML Transitional.我在這里錯過了什么？編輯1我的父級需要嚴(yán)格定義尺寸，因為它有一個必須從上到下顯示的背景(像素完美)。因此，在其上設(shè)置垂直邊距是不去.編輯2這種行為在FF、IE以及CR上都是一樣的。
3 回答
慕桂英4014372
TA貢獻(xiàn)1871條經(jīng)驗 獲得超13個贊
.parent { overflow: auto; }.parent { overflow: hidden; }.parent {
padding-top: 1px;
margin-top: -1px;
}按大眾要求更新：
<style type="text/css">
h1, h2, p, ul {
margin-top: 1em;
margin-bottom: 1em;
}</style><h1>Title!</h1><div class="text">
<h2>Title!</h2>
<p>Paragraph</p></div><div class="text">
<h2>Title!</h2>
<p>Paragraph</p>
<ul>
<li>list item</li>
</ul></div><div><h2><p><p><ul>
overflow
侃侃爾雅
TA貢獻(xiàn)1801條經(jīng)驗 獲得超16個贊
.child {
margin-top: 0;
}
.parent {
padding-top: 10px;
}添加回答
舉報
0/150
提交
取消