收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1738|回复: 8

[讨论] 浮动与定位的问题讨论

  [复制链接]
发表于 2012-2-27 10:32:03 | 显示全部楼层 |阅读模式
   大家在网站布局的时候,用定位的时候多还是用float的时候多?
  
   感觉现在很多网站都是直接用绝对定位(三列布局)使其右对齐,而不使用 float:left 呢?
到底是哪个比较好啊? 一直很迷茫·····
发表于 2012-2-27 10:44:03 | 显示全部楼层
绝对定位会脱离文档流,用它实现布局,有个缺点,不会对父级容器的高度产生任何影响,因此如果父级元素有背景,或者父级的后面的兄弟元素就会被定位元素所覆盖。
浮动布局,则会引发很多的bug,如果对浮动有深刻的理解,清除浮动到位,应该不会有太大问题。
但是要还是要看你的页面适合用什么方式布局,而不是用什么绝对定位好还是浮动好,它们都很好。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2012-2-27 11:03:47 | 显示全部楼层
哦 貌似有点头绪 谢谢~
回复 支持 反对

使用道具 举报

发表于 2012-2-27 11:07:13 | 显示全部楼层
绝对定位必须设置父容器的相对定位.
回复 支持 反对

使用道具 举报

发表于 2012-2-27 12:16:36 | 显示全部楼层
每次浮动都要记得清除浮动.而定位只需算好尺寸
回复 支持 反对

使用道具 举报

发表于 2012-2-27 12:35:43 | 显示全部楼层
本帖最后由 yoom 于 2012-2-27 12:37 编辑

我现在的倾向是:能用定位解决的,就不用浮动。

比如下例,如果用浮动,很累且不好兼容:

 提示:您可以先修改部分代码再运行

回复 支持 反对

使用道具 举报

发表于 2012-2-27 13:42:18 | 显示全部楼层
版块布局还是用浮动多一些,特别是需要自适应高度的。
细节部分,可以灵活使用。
还有,在IE内遇到bug时,可能要变通。
回复 支持 反对

使用道具 举报

发表于 2012-2-27 14:45:10 | 显示全部楼层
嘿嘿 ,这个 我今天 也刚接触到 定位 , 我感觉定位不错,但是浮动只要清的好,比定位还不错.....所以个人见解2个都好,灵活运用才是王道
回复 支持 反对

使用道具 举报

发表于 2012-2-27 15:20:10 | 显示全部楼层
定位和浮动结合来用才是王道..不要偏向于任何..东西是死的 人是活的...要灵活灵用...不要纠结在一点..这问题 就好比 是div好 还是table好一样...
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2020-1-24 19:55 , Processed in 0.093750 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表