Question

我有一个布局模板，其顶部横幅，左侧菜单和菜单右侧的内容区域。我试图弄清楚如果缩小浏览器窗口，如何让'application_layout_content'div不要低于'application_layout_menu'。我不确定我是否以正确的方式开始这样做;否则它似乎工作正常。

（主要看IE7 / IE8），我玩过'溢出'和'位置'属性，但要么会在一个版本或另一个版本中引起问题。就像'溢出：自动'将在IE7中工作（主内容div不会低于菜单div），但在IE8中它将导致灰色的垂直滚动条，主内容div仍将低于菜单div。

谢谢！

#application_layout_header
{
    background-image: url('../hHeader.jpg');
    background-repeat: no-repeat;
    height: 103px;
}
#application_layout_menu
{
    width: 205px;
    float: left;
}
#application_layout_content
{
    float: left;
}

Answer 1

只要您为#application_layout_menu定义了固定宽度，我认为您无法完成此操作。尝试将其设为百分比值。

Answer 2

尝试在#application_layout_header上设置最小宽度

CSS DIV布局（当窗口缩小时，保持浮动DIV不会下降到另一个div下面）

2 个答案: