-1

次のテーブル構造があります

 <table style="width:100%">
                        <tr style="height:20px">
                            <td style="width:10;"></td>
                            <td style="width:20;"></td>
                            <td style="width:5%;"></td>
                            <td style="width:50%;"></td>
                        </tr>
                    </table>

上記の構造を div に置き換える必要があります。CSSとDIVのみを使用してそれを達成する最良の方法は何ですか. テーブルや td または tr タグを使用したくありません。

4

1 に答える 1

0 
    <style>
    .left{float:left;}
    </style>    
    <div style="width: 100%;">
    <div class="left" style="width: 50%;">1</div>
<div class="left" style="width: 50%;">2</div>
    <!--Next "Row"-->
    <div class="left" style="width: 50%;">1</div>
<div class="left" style="width: 50%;">1</div>
    </div>

たぶん、このようなものですか？それとも私はあなたを誤解しましたか？Float を使用すると、100% を超えると「壊れます」。

JsFddle

于 2013-09-06T10:38:24.620 に答える