我想用子 div 扩展父 div,但我不知道这是否可能以及如何做。
我准备了一个fiddle并包含一些代码。
CSS
body {
background: gray;
}
div.page {
color: white;
background: black;
max-width: 72em;
margin: auto;
padding: 1em;
}
div.one {
background-color: red;
width: 40%;
}
div.two {
background-color: green;
width: 120%;
}
HTML
<body>
<div class="page">
<div class="one">One</div>
<div class="two">Two</div>
</div>
</body>
最佳答案
解决问题的关键是使用 display:inline-block;
HTML
body {
background: gray;
}
div.page {
color: white;
background: black;
margin: auto;
padding: 1em;
display:inline-block;
}
div.one {
background-color: red;
width: 10em;
display:inline-block;
}
div.two {
background-color: green;
width: 40em;
display:inline-block;
}
<div class="page">
<div class="one">One</div>
<div class="two">Two</div>
</div>
关于html - 如何强制父 div 按子 div 宽度/填充/边距/框扩展?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17291514/