Question

这是我在这个论坛上的第一篇文章。我之前使用过这个论坛的语气来寻求帮助，它总是非常有用和有用。直接的帮助。

我的问题是我希望2个div直接坐在一起。我正在为社区舞蹈团创建一个博客页面。我通过利用CSS中的float：left属性将div选址彼此相邻。我在StackOverflow上找到了解决方案，谢谢!!

但我不知道Div 1的宽度，因为我希望它位于页面中间。

我的CSS代码：

.contentsWrapper{
margin-left:100px;
margin-right:100px;
margin-bottom:10px;
overflow:auto;
}
.blogWrapper{
float:left;
}
.archievesWrapper{
width:250px;
float:right;
}

任何帮助都会很棒!!

Answer 1

你可以尝试

display: inline-block

在你的两个div上。这应该让他们在彼此旁边展示。

Answer 2

可能是你想要的。写得像这样：

<强> HTML

<div class="right">right</div>
<div class="left">left</div>

<强> CSS

.left{
    background:red;
    overflow:hidden;
    height:30px;
}
.right{
    float:right;
    background:green;
    height:30px;
    width:250px;
}

选中此http://jsfiddle.net/6EufF/1/

Answer 3

您要搜索的是“流畅布局”。

有不同的方法可以做到这一点。这种问题已经在不同的网站上多次得到解决。

这是一个可以帮助您的链接，但您可以找到很多甚至更多。

http://www.vanseodesign.com/css/fluid-layout-code/

当第一个Div宽度未知时，一种让2个Divs彼此相邻的方法？

3 个答案: