css使用float属性后的覆盖问题
2013-02-19 18:03
603 查看
<span class="right-span"><a href="/xxx/" class="btn">增加Server信息</a></span>css如下:
.right-span { float: right; padding-bottom: 10px; padding-right: 30px; }
这段html会出现如下图的问题:
后面的元素将前面的span覆盖了一部分。
分析原因:span的高度没有,导致被后面的元素覆盖,解决办法:
<div><span class="right-span"><a href="/conf/add_serverinfo/" class="btn">增加Server信息</a></span><div style="clear:both"></div></div>
1.使用一个div将这个span包裹起来,让它的宽度占满。
2.在最外层的div中添加一个子div,让它的clear:both。那么它将会撑开这个div。高度就显示出来了
3.ok!
相关文章推荐
- css使用float属性后的覆盖问题
- 记一次css属性覆盖的问题
- ie6 li间隙问题 使用float属性是出现空白的解决方法
- css position属性 以及 float、display、position的问题整合
- IE下CSS属性float:right下换行问题解决方法
- 使用css3属性时table的box-shadown被覆盖问题
- 【less.js扫雷系列一】--less和CSS同时时使用时,可能出现的样式优先级变化导致样式覆盖问题
- css z-index属性使用过程中遇到的问题
- 使用css属性line-height实现文字垂直居中的问题
- CSS布局浮动(float)和定位(position)属性的区别和使用
- CSS布局浮动(float)和定位(position)属性的区别和使用
- 关于CSS中内层使用float导致外层的背景无法显示的问题的解决方法
- css使用float溢出问题
- CSS中选择器的优先级 ( ※关于相同属性的覆盖问题 )
- 使用CSS的float和clear属性完成页面布局
- css div li 使用float但高度不确定造成的错位问题我遇到的(部分360浏览器问题)
- html和css基础--float属性给父元素带来的问题及方案
- IE下CSS属性float:right下移换行或不显示的问题原因及解决
- 关于CSS中内层使用float导致外层的背景无法显示的问题的解决
- (礼拜四log)前端开发,使用jq的.css函数添加属性时!important要注意的问题