Fatal编程技术网
  • css/
  • Css 为什么浮沉？

Css 为什么浮沉？

css

Css 为什么浮沉？,css,css-float,Css,Css Float,我有一个简单的css布局 wrapper header left-sidebar / main-content / right-sidebar footer 但我的主要内容似乎下降（浮动下降），我不明白为什么 我把它放在小提琴上- 我可以通过从主内容div中删除float:left使其不掉落，但我不明白为什么会这样。容器（包装器）有一个浮动：左，我认为这是避免“浮动下降”的方法 我是左侧边栏和包装器上的float:left，因此我认为如果我在主内容div上设置float:left，主内容将与左

我有一个简单的css布局

wrapper
header
left-sidebar / main-content / right-sidebar
footer
但我的主要内容似乎下降（浮动下降），我不明白为什么

我把它放在小提琴上-

我可以通过从
主内容
div中删除
float:left
使其不掉落，但我不明白为什么会这样。容器（包装器）有一个浮动：左，我认为这是避免“浮动下降”的方法

我是左侧边栏和包装器上的float:left，因此我认为如果我在主内容div上设置float:left，主内容将与左侧边栏对齐。如果您从
主内容div中删除左右边距，您将看到它在应用了float之后的正常行为（正如它应该的那样）

它太宽，无法与父级中的侧边栏并排放置，因此它会下降

但是，我认为问题在于将
主要内容的宽度设置为
500p
，将其更改为
500px。
主要内容div需要一个适当的测量值


#main-content
{
margin-left: 110px;
margin-right: 110px;
float:left;
padding-bottom:150px;
width:500px;
}