1

私はスケルトンフレームワークを使用しており、これが私のコードです:

<html>
<head>
    <title></title>
    <link rel="stylesheet" href="stylesheets_skeleton/skeleton.css">
</head>
<body class = "container sixteen columns" style = "height : 400px; border: solid 1px;">
    <div class = "two-thirds column" style = "height: 200px; border: solid 1px; float: left;">

    </div>
    <div class = "one-third column" style = "height: 200px; border: solid 1px; float: right;">

    </div>

</body>

この出力を取得しています：

ここに画像の説明を入力

私の予想される出力は次のようなものですが：

ここに画像の説明を入力

助けてください、ありがとう:)

4

2 に答える 2

0

'columns' にスタイルを追加し、'columns'/'sixteen' クラスの子からスタイルdisplay:-webkit-boxを削除します。floatそして完了。:)

于 2014-03-13T07:30:19.290 に答える
0

これはあなたを助けるかもしれません 

 <html>
    <head>
        <title></title>
        <link rel="stylesheet" href="stylesheets_skeleton/skeleton.css">
    </head>
    <body class = "container sixteen columns" style = "height : 400px; border: solid 1px;">
    <div style="width:100%; float:left;">
        <div class = "two-thirds column" style = "height: 200px; border: solid 1px; float: left;">

        </div>
        <div class = "one-third column" style = "height: 200px; border: solid 1px; float: right;">

        </div>
    </div>
    </body>
</html>
于 2014-03-13T06:20:04.297 に答える