0

我希望您能启发我如何将这两个 div（或跨度，如果需要的话）放入另一个 div 中。我需要内部两个 div 的大小是较大容器的一定百分比。它们还需要彼此相邻。我在 web 和 stackoverflow 上尝试了很多不同的解决方案，但似乎仍然无法使其工作。任何人都可以帮忙吗？代码片段如下，我还包括了一个小提琴，以便您更好地看到。

body {
    background-color:#f2f2f2;
}
#content {
    border:solid;
    height:500px;
    width:500px;
}
.results {
    width:50%;
    height:70%;
    border: solid;
    /*overflow:scroll;overflow-x:hidden;*/
    margin-left:7%;
    margin-top:5%;
    margin-bottom:8%;
}
.map {
    width:25%;
    height:70%;
    border: dotted;
    margin-top:5%;
    margin-bottom:8%;
    float:right;
}


<body>
    <div id="content">
        <div class="results"></div>
        <div class="map"></div>
    </div>
</body>

这是上面代码的小提琴

感谢大家的帮助！我希望我的问题足够清楚。

4

3 回答 3

1

我相信display:inline-block这是您正在寻找的。

将其放入并用它.results替换。float:right.map

这是更新的jsFiddle

于 2013-07-14T22:36:44.473 回答
0

如果您想让内部 div 都适合外部 div，只需浮动它们即可。由于您还没有浮动第一个内部 div，这就是为什么您的第二个 div 低于该值的原因。float:left你的.resultsdiv 它会完成这项工作。

这是对您的小提琴的小修改：这里

希望有帮助。:)

于 2013-07-14T22:41:47.823 回答
0

你应该float:left;在.resultsand.map和clear:left;任何你想放在它下面的东西上。在http://jsfiddle.net/PHPglue/3Jfvp/上查看。

于 2013-07-14T22:52:23.373 回答