0

这是我的管理面板，我想用 div 将它分成 2 列。左边的 div 是一个菜单，并设置了以下样式：

#menu_left{
position: fixed;
float: left;
width: 300px;
height: 100%;
top: 0;
left: 0;
background: #666;
color: white;
}

右边的是内容，有这样的风格：

#content{
text-wrap: unrestricted;
float:left;
width: 100%;
    left: 300px;
}

它不起作用，因为它应该起作用，我希望它包装文本，但它没有。也请告诉我，如果有任何错误的风格设置。

哦，html：

<body>
    <div id="menu_left">
        <h1>Menu</h1> <hr />
    </div>
    <div id="content"></div>
</body>
4

2 回答 2

1

由于#menu_left. 您应该将其设为一些像素值，或者更改#menu_left为 % 宽度，例如 20%，然后内容可以是 80%，它们会很好地适应。

left: 300px;另外，您应该从中删除#content，因为float: left;.

于 2013-04-10T19:38:05.517 回答
-2

只需清除这些行，您就可以开始了。

#menu_left{
position: fixed; <--don't need
float: left;
width: 300px;
height: 100%;
top: 0; <--don't need
left: 0; <--don't need
background: #666;
color: white;
}

#content{
text-wrap: unrestricted; <--don't need (you really want to break letters in the same word?)
float:left;
width: 100%;
left: 300px; <--don't need
}

使用预制系统比尝试从头开始更有意义。我建议使用像 grid960 http://960.gs/这样的 CSS 系统

于 2013-04-10T19:51:14.827 回答