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

这可能会帮助你

 <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 回答
0

在“列”中添加样式并从“列”/“十六”类的子项中display:-webkit-box删除float样式。并做了。:)

于 2014-03-13T07:30:19.290 回答