#div {
width: 200px;
}
#p1 {
width: 0.5em;
}
#p2 {
width: 0.2em;
}<body>
<div id="div">
<p id="p1">p1</p>
<p id="p2">p2</p>
</div>
</body>我想使用 em 将 p1 设置为 div 的 50%，将 p2 设置为 div 的 20%，但它似乎没有任何改变。我应该如何进行这项工作？谢谢。
最佳答案
如果你想将段落设置为父级的百分比，你应该在你的CSS中使用百分比。 Em 是相对于字体大小的长度单位，而不是它的父宽度或高度。 http://www.w3schools.com/cssref/css_units.asp
如果您还希望段落彼此相邻出现，请添加“display: inline-block;”
#div {
width: 200px;
background: silver;
}
#p1 {
display: inline-block;
width: 50%;
background: green;
}
#p2 {
display: inline-block;
width: 20%;
background: red;
}<body>
<div id="div">
<p id="p1">p1</p>
<p id="p2">p2</p>
</div>
</body>关于html - div 中的段落，em 不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39656459/