Html 如果没有'；你没有固定尺寸的吗？_Html_Css_Width

Html 如果没有'；你没有固定尺寸的吗？

html css

Html 如果没有'；你没有固定尺寸的吗？,html,css,width,Html,Css,Width,我对DIV非常恼火，我很快就要完成这个网站了，但一件简单的事情我不知道如何解决基本上我有一个菜单和一个contentdivs，每页的内容都不一样，我不想让它们互相缠绕我读过几十篇帖子，上面都说要在包装上加一个最小宽度，但我不知道我的最小宽度是多少。有些页面的宽度只有600px，而有些页面的宽度几乎是1000px，它被用作PHP模板这是代码，如果有人能帮上忙，我会非常高兴，因为我对此感到非常沮丧 div{ 填充：2件 } 分区菜单{ 背景色：#FAA0；浮动：左； } 部门内容{ 背景

我对DIV非常恼火，我很快就要完成这个网站了，但一件简单的事情我不知道如何解决

基本上我有一个菜单和一个content

div

s，每页的内容都不一样，我不想让它们互相缠绕

我读过几十篇帖子，上面都说要在包装上加一个最小宽度，但我不知道我的最小宽度是多少。有些页面的宽度只有600px，而有些页面的宽度几乎是1000px，它被用作PHP模板

这是代码，如果有人能帮上忙，我会非常高兴，因为我对此感到非常沮丧


div{
填充：2件
}
分区菜单{
背景色：#FAA0；
浮动：左；
}
部门内容{
背景色：#9DFBA9；
浮动：左；
}
菜单
菜单
菜单
菜单
这里有不同大小的页面。例如：
第一页
或
第二页？
无论如何，我都不希望这两个div包装，但我不知道内容页的确切大小。
因此我不能只设置最小宽度，如1024px。
当它们即将包装时，滚动条应该只在此时出现…
我如何实现
那个

您是否尝试过在包装器上显示：表格，并在菜单和内容上显示：表格单元格？

这就是您想要的吗

我将

.menu

和

.content

元素用

float:left

和

div.content{float:left；}

封装在

div.content{overflow:hidden；}

中，它在Chrome、IE9和Firefox中对我有效

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
div {padding:2px}
div.wrapper { display: table; }
div.menu{
    background-color:#FAFAA0;
    display: table-cell;  
    }
div.content{
    background-color:#9DFBA9;
    display: table-cell;
    }
</style>
</head>
<body>

<div class="wrapper">
  <div class="menu"> 
      menu<br>menu<br>menu<br>menu
  </div>
  <div class="content">
    The pages which have different size here. For example:
    <div style="width:600px">Page one</div>
    or
    <div style="width:900px">Page two?</div>
  </div>
</div>

<div style="clear:both">
In either way I dont wan't this two divs wrapping, but I don't know the exact size of the content page.<br>
So I can't just put a min width like 1024px.<br>
When they are about to wrap, the scrollbar should appear only then...<br>
How can I achieve that?
</div>

</body>
</html>


div{padding:2px}
div.wrapper{display:table；}
分区菜单{
背景色：#FAA0；
显示：表格单元格；
}
部门内容{
背景色：#9DFBA9；
显示：表格单元格；
}
菜单
菜单
菜单
菜单
这里有不同大小的页面。例如：
第一页
或
第二页？
无论如何，我都不想用这两个div包装，但我不知道内容页的确切大小。

所以我不能把最小宽度设为1024px。

当它们即将换行时，滚动条应仅在…

我怎样才能做到这一点？

请尝试以下操作：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
div {padding:2px}
div.menu{
    background-color:#FAFAA0;
    float:left;
    }
div.content{
    background-color:#9DFBA9;
    float:left;
    }
</style>
</head>
<body>
<div style="min-width:600px;border:1px solid;">
<div class="menu" style="width:10%"> 
    menu<br>menu<br>menu<br>menu
</div>
<div class="content" style="width:80%">
    The pages which have different size here. For example:
    <div style="">Page one</div>
    or
    <div style="">Page two?</div>
</div>

<div style="clear:both">
In either way I dont wan't this two divs wrapping, but I don't know the exact size of the content page.<br>
So I can't just put a min width like 1024px.<br>
When they are about to wrap, the scrollbar should appear only then...<br>
How can I achieve that?
</div>
</div>
</body>
</html>


div{padding:2px}
分区菜单{
背景色：#FAA0；
浮动：左；
}
部门内容{
背景色：#9DFBA9；
浮动：左；
}
菜单
菜单
菜单
菜单
这里有不同大小的页面。例如：
第一页
或
第二页？
无论如何，我都不想用这两个div包装，但我不知道内容页的确切大小。

所以我不能把最小宽度设为1024px。

当它们即将换行时，滚动条应仅在…

我怎样才能做到这一点？

实际上，我将菜单div和内容div放在一个div中。请仔细查看我放置的内联样式。而不是使用“px”使用百分比。希望这能有所帮助。

我确实尝试过，但对我不起作用。但我不知道如何应用它们，因为我以前从未使用过它们。如果您可以修改我的代码并附加这些标记，我会立即再次测试它。或者直接告诉他们应该放在哪里。。。Thank使用display:table style将菜单和内容放在包装器div中，并在菜单和内容上设置display:table单元格。我现在不能为你做这件事，因为我身上只有iphone：-）你想完成什么布局？浮动所有的

div

s应该是不必要的。布局非常简单，就是这样：我使用了4个div，页眉、菜单、内容和页脚，但是如果内容太大，它会被放在菜单下。谢谢，它有点。。。工作***但我的内容被切碎了…：（所以这不是我要看的。问题是我不想要隐藏溢出，页面可能很长，而且必须可见，但是如果它不合适，那么滚动条应该出现。你使用什么浏览器来切碎内容？！

溢出：隐藏不应该在这里这样做，除非你的实际页面上有其他内容页面导致它。无论如何，你可以用左边距：px
替换溢出：隐藏的，如下：谢谢，我正在使用IE谷歌浏览器，都是show-chop…：我现在就用边距试试。我还在用边距测试。看起来我们真的很接近了，内容是固定的，有些内容保留在应该保留的地方e和反应为意图调整大小。虽然一些内容仍然低于菜单级别，但即使调整大小也会保持如此。我认为这可能是因为内容中的其他一些div正在使用float:left和clear:这两个div。我正在调查这一点。见鬼，是的，它似乎终于起作用了！我已经找到了你正如你告诉我的那样，sed了边距。然后我不得不在content div中添加另一个float的div包装。所以现在content div中的其他div都不会导致包装。非常感谢你的帮助！！：-）所以这里使用百分比将采用父div或主包装的大小。谢谢，我刚试过这个。在一些页面上，它会有一个滚动条，我可以稍微滚动一下，但是如果我再调整一点大小，它就会像以前一样跳到菜单下。在其他一些页面上，他们只是像以前一样跳到菜单下。也许你会笑，现在菜单因为某种原因跳下来了。。。在其他一些页面上，菜单保持向上，但随后内容也同样向下跳转：O