Question

在上面的jsfiddle中，带有hello的暗div需要位于右侧，位于以空格为中心的菜单旁边。

（由于某种原因，网站的大小非常小，但问题仍然存在，它需要以白色空间为中心。）

<div id="all">
<div id="navigation">
        <div id='cssmenu'>
        <ul>
        <li class='has-sub'><a href='#'><span>1</span></a>
        <ul>
        <li><a href='#'><span>1</span></a></li>
        <li><a href='#'><span>2</span></a></li>
        <li><a href='#'><span>3</span></a></li>
        </ul>
        </li>
        <li class='has-sub'><a href='#'><span>2</span></a>
        <ul>
        <li><a href='#'><span>1</span></a></li>
        <li><a href='#'><span>2</span></a></li>
        <li><a href='#'><span>3</span></a></li>
        </ul>
        </li>
        <li class='has-sub'><a href='#'><span>3</span></a>
        <ul>
        <li><a href='#'><span>1</span></a></li>
        <li><a href='#'><span>2</span></a></li>
        </ul>
        </li>
        </ul>
        </div>
</div>

CSS在JSFiddle上

Answer 1

这是你想要的吗？ http://jsfiddle.net/Godinall/rRVbK/1/ 解决你的问题，但正如Chanckjh所说，肯定有更好的方法来安排div。

#content
{
background-color: #ccc;
    text-align:center;
    width: 40%;
    float:right;
    margin:0 auto;
    height:37px;
    line-height:37px;
    margin-top:-37px;
}

Answer 2

虽然你已经接受了答案......但是，只是为了纠正你的语义.... DEMO

你的css中有这个错误：

#cssmenu {
   width :250px;
}

在多个地方，您已将width提交给#cssmenu，更改并使用float代替......更清洁！

只需添加：

clr{clear:both}
#cssmenu{float:left}
#content{float:right;}

到你的css并删除250px宽度！

不能让我的div去我想去的地方

2 个答案: