0

私は示されている画像のようなものを作成しようとしています:

ここに画像の説明を入力

#wrap を水平方向に中央に配置することができましたが、それだけです...どんな助けも大歓迎です。

<style>
    #wrap
    {
    Margin-left:auto;
    Margin-right:auto;
    padding: 10px;
    }

    #content
    {
    padding: 10px;
    }
</style>

~~~

<body>
    <div id="wrap">

       <div id="content">
       1
       </div>
       <div id="content">
       2
       </div>
       <div id="content">
       3
       </div>

    </div> <!--end wrap-->
</body>
4

1 に答える 1

0

ブロック要素 ( https://developer.mozilla.org/en-US/docs/HTML/Block-level_elements ) を使用しているため、内側の要素の高さを固定して、position: absolute. さらに、要素の ID は一意でなければならないことに注意してください。要素を複数回使用したい場合は、class名前を割り当てます。

<div class="content">1</div>
<div class="content">2</div>
<div class="content">3</div>

したがって、全体の問題については、http://jsfiddle.net/YFncP/253/をご覧ください。

お役に立てれば。

于 2013-05-06T07:09:54.947 に答える