Css html-DIV的问题

Css html-DIV的问题,css,html,css-float,Css,Html,Css Float,有一个父块: #内容 { 位置:相对位置; 宽度:92%; 保证金:0自动; 身高:100%; 最小高度:500px; 边框:1px纯红; } 我需要两个街区: #新闻 { 位置:相对位置; 浮动:左; 最小高度:400px; 宽度:290px; 身高:100%; } #正文 { 位置:相对位置; 浮动:左; 左边距:20px; 最小高度:400px; 宽度:625px; 身高:100%; } ... ... 但第二个文本块与新闻不在同一行。而且,在调整新闻和文本块的大小后,内容块也应该

有一个父块:

#内容
{
位置:相对位置;
宽度:92%;
保证金:0自动;
身高:100%;
最小高度:500px;
边框:1px纯红;
}
我需要两个街区:

#新闻
{
位置:相对位置;
浮动:左;
最小高度:400px;
宽度:290px;
身高:100%;
}
#正文
{
位置:相对位置;
浮动:左;
左边距:20px;
最小高度:400px;
宽度:625px;
身高:100%;
}

...
...
但第二个文本块与新闻不在同一行。而且,在调整新闻和文本块的大小后,内容块也应该调整大小,但它不。。。为什么?

您可能需要添加:

  display:inline;
去潜水


此外,再次检查父div中是否有足够的空间。每个浏览器的计算方式都不同。也就是说,要使两个div并排出现,必须有足够的空间来说明它们的宽度和边距等。

这是因为内容中的两个div都是浮动的,使它们脱离了正常的文档流。在#内容上,更改<代码>高度:100%
溢出:隐藏-这将使其容纳其中的浮动元素。

溢出:隐藏;正是这一点,我需要的高度和浮动div,但是你能再看一下那个页面吗,现在内容块改变了它的位置,为什么?看起来你的#head#u float#layer div上的相对位置导致了这一点,因为#内容已正确定位。尝试将#head_float_layer更改为:#head_float_layer{背景图像:url(../images/head_layer.png);高度:336px;边距:0;填充:0;位置:绝对;右侧:100px;顶部:0;宽度:448px;z索引:9999;}如果您不希望图像重叠太多,您需要在#文本顶部添加尽可能多的边距…非常感谢!我不认为麻烦是由于头浮层造成的。你解决了我的问题!