关于浮动和绝对定位的区别，到底是咋回事

您所在的位置：网站首页 › html怎么右浮动 › 关于浮动和绝对定位的区别，到底是咋回事

关于浮动和绝对定位的区别，到底是咋回事

2023-03-30 21:40| 来源: 网络整理| 查看: 265

爱易网页 HTML教程关于浮动和绝对定位的区别，到底是咋回事关于浮动和绝对定位的区别，到底是咋回事

日期：2014-05-16　浏览次数：20499 次

关于浮动和绝对定位的区别，到底是怎么回事？这有一个小例子：样式： #div1 { background:#666; float:left; width:200px; height:200px; } #div2 { background:#093; width:400px; height:400px; } #div3 { background:#363; width:200px; height:200px; } 结构：

1111111

2222222

3333333

结果是这样的：我的疑问有： 1、浮动是不是使div1彻底脱离了文档流，在文档流里有没有占据位置？ 2、为什么div1和div2重合之后，把div2里的文字挤到了边上去？就是说div1与div2重合了，为什么不能与div2里的段落重合？请求高手详解！！！分享到：更多 ------解决方案-------------------- .a{border:1px solid red;width:960px;margin:0 auto;} .b{float:left;height:100px;width:100px;background-color:#aaa} .c{height:50px;background-color:#ddd;} 效果图：就拿这段代码说吧，我用a,b,c表示这三个div。 a和c是普通流，b是浮动框。 1：按理论来说，a的高度是以它子元素的总的高度计算的，但是在图中可以看出，a的高度只是和c的高度相同，就是它忽略了b的高度。 2：块框之间，都是上下排列的，每一个块框都占据单独的一行，可以这里，c就当没有看到b存在一样。这不就是再说，普通流的布局是不考虑是不是在它之前，有浮动框的？这样说，不知你能清楚我的意思不。为什么文字会避开，就如同你上面给的代码，这个应该是浏览器本身有对文字进行处理吧，你可以用浏览器调试工具看下，文字的标签

元素，其实还是占据一整行的，只是文字并没有从最左边开始。文字表现这块，是个特例。免责声明：本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。相关资料更多> 网页缩放解决办法 v5_04 运用高级CSS选择器关于 div 嵌套,该如何解决 FCKeditor在线编辑器的运用(jsp:html在线编辑器＝FCKeditor 2.2+FCKeditor.java 2.3 ) firefox下，select控件如何大小不固定呢黑马软件工程师——新长城 Html总结 html 设立字符编码集外部引用CSS中 link与@import的差别 float有关问题，这是不是错的

【本文地址】

关于浮动和绝对定位的区别，到底是咋回事

关于浮动和绝对定位的区别，到底是咋回事

今日新闻

推荐新闻