0

私は CSS の専門家ではありません。なので基本的なことしか知りません。私の仕事は、本体の幅を 100% にすると同時に、ブラウザー ウィンドウのサイズが変更されたときにコンテンツをラップしないようにすることです。

これを実現するためdisplay: inline-blockに、body タグの CSS スタイルに追加しました。しかし、そうすると幅が狭くなります。width:100%次に、ボディスタイルに追加しようとします。幅は希望どおりに変更されましたが、display: inline-block機能しなくなりました。これらのプロパティを同時に有効にする方法は?

<body style="display: inline-block; width:100%"><!--content---></body>
4

1 に答える 1

1

bodyなぜ幅を固定したいのですか？必要に応じて、本体内のコンテナを使用するだけです

CSS

body {
  height: 100%;
  width: 100%;
}

.container {
  width: 1000px;
  margin: 0 auto;
}

HTML

<body>
  <div class="container"></div>
</body>

100%または、CSSをこれに変更するだけでなく、コンテンツ領域を変更したい場合

CSS

body {
  height: 100%;
  width: 100%;
}

.container {
  width: 100%;
}
于 2012-11-14T11:00:23.917 に答える