页面布局的比较position和float那个更好,还是配合使用?

页面中像这样的布局是
ul(float)>li(float)...好呢?
还是ul(float)>li(position)好?

如果页面布局跟复杂的话,我原来听说多次嵌套会出现不可预料的错误?
不知会有跟好的解决方式的
图片描述

阅读 6.2k
4 个回答
  1. 使用float布局的,不过使用float布局在ie6,7间存在兼容问题。
  2. 使用display: inline-block布局,但是display: inline-block存在元素之间会有间隙,而且ie7以下的浏览器不兼容display: inline-block,需要写hack解决。
  3. 使用flex布局,问题就是兼容性不好。

你可以试试display:inline-block布局,也不错。

是这样的,我觉得float适合比较大块的布局,一般都是容器之间多栏的布局用float的多

position一般我用在一个具体的容器上给 relative
然后容器内部的其他容器,我就用 absolute

position能做更丰富的布局

建议题主,还可以关注了新的flex

整体框架需要float布局的,一些效果需要relation与absolut配合实现的。没有哪个好,能好好的协作就是最好。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题