0

了解しました。これが私が取り組んでいるサイトへのリンクです。http://danberinger.com/preview.html

現在、メッセージは独自のdiv（#messagebox）内にあり、画像は独自のdiv（#picture）内にあります。これらのdivは両方とも左側に浮かんでいます。#intro_containerというコンテナdiv内に配置しました。これを含むdivを中央に配置したいのですが、問題が発生しています。マージンを0と自動に設定しようとしましたが、うまくいきませんでした。これは、私が使用しようとしているさまざまなレベルのdivの量に関するある種の問題であるに違いありません。

どんな助けでも大歓迎です！

4

3 に答える 3

1

#intro_containerコンテナに幅を設定します。そうしないと機能しmargin: 0 auto;ません。

于 2010-01-20T19:55:26.017 に答える
0

0自動が機能するには、幅を指定する必要があります。

width 900px margin 0 autoのように、すべてをコンテナdiv内に配置することも、これらのスタイルをイントロコンテナに適用することもできます。

現在、cssはすべてをビューポートの幅に合わせてスケーリングしているため、float leftは、幅が定義されていないintro_containerの幅に画像を送信します。

また、IDを画像に直接適用できることにも注意してください。それをdivでラップする必要はありません。要素をセマンティックにスタイル設定することをお勧めします。

于 2010-01-20T20:00:35.490 に答える
0

次のようなものを中央に配置するとよい場合があります。

<html>
<head>
</head>
<body>
<div style="position:relative;width:400px;height:400px;background-color:green">

  <div style="position:absolute;margin-left:50%; left: -100px; width:200px;height:200px; background-color:red">
here attribute 'left' is half of this container width
  </div>
</div>
</body>
</html>

常に働いている

于 2010-01-20T20:03:01.423 に答える