css中写div为什么有的时候同样的写法，div不能出现在想要的位置，float和position

发布网友发布时间：2022-05-12 20:44

共3个回答

懂视网时间：2022-05-13 01:05

http://javapub.iteye.com/blog/733471

http://stackoverflow.com/questions/804926/make-outer-div-be-automatically-the-same-height-as-its-floating-content

热心网友时间：2022-05-12 22:13

如果用CSS3写的话，可能会出现不同浏览器看效果图，会有所不同。因为有些老版浏览器不支持。一般有层叠关系显示，我们就用position（必须定义元素宽度），同时相关的可用top,right,bottom,left定位，层叠关系显示用X-index。而float中若有父子关系，子元素浮动（使用clear：清除浮动后）是默认覆盖父元素的。并且浮动是向左，向右的最大位移。如果，是同级元素，两个块级元素会占满两行，想让他们在同一行显示，就可以用到float。

此外，关于position，有许多相关的详细说明，可以上百度里查找。并且请一定要理解透彻。同时，使用float后，仍要注意的问题，就是清除浮动的负效应：脱离文档流。清除浮动的代码使用在不同浏览器中也有不同的几种。请查找相关资料去了解。如果使用浮动较多，可以写一个例如.clearfix{clear:both;}后，然后直接调用类名.clearfix
同意，请采纳

热心网友时间：2022-05-12 23:31

因为不同浏览器解释标签代码方法不同，所以尽量用兼容的标签