0

这是我在这个论坛上的第一篇文章。我以前用这个论坛的语气来寻求帮助,它总是非常有帮助和有用的。直截了当的帮助。

我的问题是我希望 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;
}

任何帮助都会很棒!

4

3 回答 3

2

你可以试试

display: inline-block

在你的两个 div 上。这应该让他们彼此相邻。

于 2012-04-20T17:24:27.560 回答
1

可能这就是你想要的。像这样写:

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/

于 2012-04-20T17:26:31.893 回答
0

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

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

这是一个可以帮助您的链接,但您可以找到很多很多。

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

于 2012-04-20T17:28:42.747 回答