为什么不能用两个div来实现呢？
来源：4-3 下拉框定位最佳实践
慕婉清4583709
2018-11-21 13:37
如果我用一个div作为搜索框一个div作为结果， 都设置width:100%不是也能实现效果吗，和absolute有什么区别？
写回答
关注
1回答
-
- 慕斯1494962
- 2019-06-08 19:45:42
有区别的。因为如果是正常的div是会影响到文档流，你想想，如果你的另一个div作为待选框，那么你要控制它的display属性（none / block），如果是display: block，那么在这个div之后的元素的排版都会发生变化，有可能会往下移动。那如果待选框的div的position：abusolute，这样的话就会脱离文档流，就是说不会影响到该待选框div之后的元素的布局，因为abusolute的div会漂浮在普通元素的正上方而不影响普通元素的布局。你总不能说打开待选框之后页面布局都发生变化吧，那方向就走偏了，使用abusolute的要达到的效果就是不影响普通元素（即非abusolute）元素的布局
CSS深入理解之absolute
理解CSSposition:absolute声明，掌握position:absolute高级应用
51957 学习 · 254 问题
相似问题