css中的浮动元素

问题描述

| 在这个网站上 http://inspectelement.com/html5portfolio/ ，我看到他在html5

<header>

-element上使用了

float:left;

命令，并且使用了css类“ section \”，这是内容所在的区域。 如果将其更改为

float:right

或

float:none

，或者将其完全删除，则没有任何变化。 他为什么仍然使用float命令？ 标头具有固定位置，并且该部分在容器中居中：

#headercontainer,#contentcontainer { 
    width: 960px; margin: 0 auto; position: relative; 
}

我不熟悉这种技术吗？还是可以只删除float命令？ 提前致谢。     

解决方法

        他可能使用浮点数，因此元素会脱离正常流动，并且无论浮动部分中有多少内容，他都不会清除它们以将底部边距+剖面高度保持在1000px的状态。但是，如果“ 5”的内容将超过1000像素，他的方法就会失效。但是由于这是一个投资组合网站，他将设法使其保持运转。     ,        

.section

类上的

float: left

声明实际上被具有

float: none

的父

#contentcontainer

元素所覆盖，所以您说得很对-它什么都不做！     ,        我认为他实际上是使用ѭ10来赋予

<section>

元素正确的高度。如果没有

float:left

，则

<section>

元素的高度要比

<h2>

高。 使用萤火虫删除ѭ10时，您会注意到ѭ5的高度缩小。