0

テーブルで使用せずにhtml/css列を使用できることを読み続けています。www.w3schools.org サイトは、できることを示していますが、私のコードではまったくうまくいきません。基本的に私はこの考えを持っています。

      <div container="name">
         <dl>item 1 </dl>
         <dd>explain</dd>
         <dl>item 2 </dl>
         <dd>explain</dl>
         ...
      </div>

私が必要とするのは、コンテナーに 3 つの列があり、詳細なリストを含むセクションが 2 つの列であり、3 番目の列の情報を独自の列に入れることです。列のスパンがそれを分離するための最良の方法であることは知っていますが、これについての良い説明が見つかりません。また、css ページまたは html ページで動作させることができません。

4

2 に答える 2

2

私はあなたがそれについて間違った方法で行っていると思います。これを試して。

html：

<div id="container">
    <div id="left-col">
        <!-- left column -->
    </div>
    <div id="content-col">
        <!-- content column -->
    </div>
    <div id="right-col">
        <!-- left column -->
    </div>
</div>

css：

#container { overflow: hidden; width: 940px; }
#left-col { float: left; width: 200px; margin-right: 20px; }
#content-col { float: left; width: 500px; }
#right-col { float: right; width: 200px; }

デモ-http ://jsfiddle.net/gk5vD/

参考までに-あなたは何であるかを誤解しました、http：//www.htmldog.com/reference/htmltags/dl/dlを見てください

于 2012-10-23T10:05:57.417 に答える
0

まず、w3schools を使用しないでください。</rant>

CSS3 には列が組み込まれています。詳細については、こちらとこちらをご覧ください。

于 2012-10-23T11:03:06.920 に答える