0 
<html>
<head>
<style>
html, body {
background-color: red;
height: 100%;
width: 100%;
overflow: hidden;
}
* { margin: 0; padding:0; }
.topbar {
   min-width: 100%;
   min-height: 50%;
   background-color: green;
}
.fill {
  min-width: 100%;
  min-height: 50%;
  background-color: white;
}
.container {
  min-width: 100%;
  min-height: 50%;
  background-color: blue;
}
</style>


</head>
<body>
<div class="topbar">
  "topbar
  <div class="fill">
    "fill"
    <div class="container">
     "container" 
    </div>
  </div>
</div>
</body>
</html>

「塗りつぶし」が、画面上のそれを含む要素「トップバー」の 50% を完全に使用しないのはなぜですか?

「コンテナ」が画面上の要素「塗りつぶし」の 50% を完全に使用していないのはなぜですか?

別の質問: 私の目標は、ほぼすべての画面のデスクトップ/ラップトップに適合するレイアウトを作成することです。今のところ、電話画面のレイアウトには焦点を当てていません。レイアウトのパーセンテージとして幅と高さを使用しようとしています。それが正しいアプローチであるかどうかを提案するか、代替案を教えてください。

4

2 に答える 2

0

身の丈が定まらないので親ドムが必要です

于 2012-06-07T00:55:13.600 に答える
0

高さと幅にパーセンテージを使用する場合、親要素がピクセル単位で特定のサイズを持つことが重要です...

この場合、「トップバー」クラスのサイズはピクセル単位である必要があります

于 2012-06-07T00:55:35.617 に答える