便宜VPS网为什么盒子宽度够,但是子盒子浮动后还是不能排好
你说的现象是各浏览器解析css不一致导致的，具体原理及哪个对哪个错网上都找不到相关信息来解释说明这些问题，要追根究底的去查证这些很难。
z-index在使用绝对定位 position：absolute属性条件下使用才能使用。通常我们让不同的对象盒子以不同顺序重叠排列，我们就是要z-index样式属性。
你是想.search放右侧么？加个右浮动，或者左浮动，用.nav宽度控制。
在CSS中,clear属性用于清除浮动。下列属于clear常用属性值的是()
clear有四个属性值，分别是left（在左侧不允许浮动元素）、right（在右侧不允许浮动元素）、both（在左右两侧均不允许浮动元素）、none（默认值。允许浮动元素出现在两侧）、inherit（规定应该从父元素继承 clear 属性的值）。
Clear的属性值如下...left 在左侧不允许浮动元素。right 在右侧不允许浮动元素。both 在左右两侧均不允许浮动元素。none 默认值。允许浮动元素出现在两侧。inherit 规定应该从父元素继承 clear 属性的值。
css中清除浮动可用clear属性，该属性定义了元素哪边不允许出现浮动，可选的常用的值有：left、right、both等，通常写成clear：both；即该元素两边都不允许出现浮动，这样即可清除浮动。
这时候我们就需要用到清除浮动的属性clear， clear：left | right | both | none | inherit：元素的某个方向上不能有浮动元素 clear：both：在左右两侧均不允许浮动元素。
css中清除浮动的属性是什么
1、特性：1--浮动的元素不会占据标准流的空间，但是会影响标准流中的文本的排版。浮动只有左右浮动。 2--浮动元素A的位置与上一个元素有关系。
2、css清除浮动大全，共8种方法。 浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。
3、浮动产生原因一般浮动是什么情况呢？一般是一个盒子里使用了CSS float浮动属性，导致父级对象盒子不能被撑开，这样CSS float浮动就产生了。
4、增加子元素（块级），并且设置其clear属性值为both来解决 → clear：both； 最简单的清除浮动的方法，就是给盒子增加clear：both；表示自己的内部元素，不受其他盒子的影响。弊端：就是margin失效。
5、CSS手册上是这样说明的：该属性的值指出了不允许有浮动对象的边。这个属性是用来控制float属性在文档流的物理位置的。
