Question

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#container 
{
  border: 1px solid red;
}
body
{
  outline: green solid 1px;
}
p.bottommargin 
{
  outline: green solid 1px;
  margin-bottom:1%;
}
</style>
</head>
<body>

<p>This is a paragraph with no margin specified.</p>
<div id="container">
<p class="bottommargin">This is a paragraph with a specified bottom margin.</p>
</div>
<p>This is a paragraph with no margin specified.</p>

</body>
</html>

显然，<p>，<div>和<body>元素均为1％。那么，它是什么？

此处提供了样本 - http://jsfiddle.net/mark69_fnd/SJjaV/

感谢。

P.S。

我对网络编程很陌生，所以如果我的问题非常愚蠢，请原谅。

Answer 1

来自the CSS 2 specification：

百分比是根据生成的框的包含块的宽度计算的。请注意，对于“margin-top”和“margin-bottom”也是如此。如果包含块的宽度取决于此元素，则在CSS 2.1中未定义结果布局。

因此它是#container

宽度的1％

Diagram showing the above is accurate
embiggen

百分比在以下最琐碎的HTML中意味着什么？

1 个答案: