当前位置: 代码迷 >> HTML/CSS >> 在什么情况上float:left会失去作用
  详细解决方案

在什么情况上float:left会失去作用

热度:213   发布时间:2013-03-25 15:43:04.0
在什么情况下float:left会失去作用?
想要的结果:




但是却出现如下情况,郁闷:


------解决方案--------------------
这应该很简单吧,仔细检查一番。


------解决方案--------------------
两个层的 上下顺序。
------解决方案--------------------
虽然不知道为什么FLOAT什么时候会失效
但是我觉得你这个要求 可以是用position:fixed;这个定位来完成

------解决方案--------------------
不是float失效,是你没理解float的意义而已
设置float表示浮动浮动后,元素脱离文档流,不在文档流中占据空间,比标签a使用了float:left若其后面的元素没有float属性,很明显会显示在本该由a占据的位置上(因为a脱离了文档流),
所以你这儿导航栏浮在了后面的内容上;
而且脱离文档流但并不意味着会跟着浏览器滚动条走,你要的功能不应用float实现

简单且正确的方式就是右边的内容单独作成一个个页面,
布局时左边导航栏,右边一个iframe,点击导航栏时就改变iframe的src,这样iframe中的内容拖动完全不会影响左边的导航栏了
复杂且不推荐的方式就是仍然放同一个页面,自己写滚动条事件,获取滚动条位置,计算左边的导航栏位置让其总是处在可见视图中
------解决方案--------------------
请问这两个层在一个层里面吗?在的话,左边这个层float:left不就是了吗.你左边那个层清浮动了吗?
------解决方案--------------------
clear:left时
  相关解决方案