1 
<!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>でもない1％です。それで、それは何ですか？<div><body>

サンプルはこちらから入手できます-http://jsfiddle.net/mark69_fnd/SJjaV/

ありがとう。

PS

私はWebプログラミングに非常に慣れていないので、私の質問が本当にばかげている場合はご容赦ください。

4

1 に答える 1

5

CSS 2仕様から：

パーセンテージは、生成されたボックスを含むブロックの幅に対して計算されます。これは「margin-top」と「margin-bottom」にも当てはまることに注意してください。含まれているブロックの幅がこの要素に依存している場合、結果のレイアウトはCSS2.1では定義されていません。

したがって、それはの幅の1％です#container

上記を示す図は正確です
embiggen

于 2012-08-18T15:19:10.693 に答える