0

このタブスクリプトを使用する Web ページがあります。タブの 1 つに 2 列のレイアウトを追加したいのですが、次のコードを使用しています。

<div class="content-wrapper">
    <div class="con con-left">
        Column 1
    </div>
    <div class="con con-right">
        Column 2
    </div>
</div>

この CSS で動作するもの:

.content-wrapper
{   width: 100%;
    margin: 0 auto; }
.con
{   margin: 0 10px;
    float: left; 
    display: inline; }
.con-left
{   width: 500px; }
.con-right
{   width: 500px; }

問題は、下の画像に示すように、タブのサイズが div 内のテキストの量に対して拡張されないことです。<div>タブがタグ内のコンテンツを認識するように CSS を設定するにはどうすればよいですか?

ここに画像の説明を入力

4

2 に答える 2

2

インライン要素に幅を設定することはできません - それらを作成しinline-block、フロートを削除して、ラッパーが適切にラップされるようにします。

フロートを保持したい場合は、フロート要素の後に a を使用するか、ラッパーclearに追加しますoverflow:auto

于 2013-07-09T13:02:54.670 に答える