返回首页
当前位置: 主页 > 编程语言 > CSS教程 >

css排版中元素跑走、多写的问题

时间:2015-10-04 23:18来源:电脑教程学习网 www.etwiki.cn 编辑:admin

各个浏览器和不同版本对css的支持不同,特别是用div+css排版更会出现各种怪问题。
遇到用float:left right排版,但最后一行文字跑出去(并多出字)了,问题示例如下:
.a { 
    width:100px;/*一定要定义,才能用相对position:relative 和 float:left right*/
    float:right;
    padding:2px;
   }
<div class="a">
 <h1>第一行</h1>
<h2>第二行</h1>
</div>
效果如下-----------------------
  第一行

  第二行


如上,下面多了个“行”字,浏览器为IE6,用Firefox浏览可能正常。久思不得其解,最后网上查出是float:left right最好不要与padding同用。
解决方法:
.a { 
    width:100px;/*一定要定义width值,才能用相对position:relative 和 float:left right。定义height高度值才能设置margin、padding值*/
    float:right;
   }
另外有时在html页中忘记写上<div>、<span>结束符也会导致页面变形。

------分隔线----------------------------
标签(Tag):css
------分隔线----------------------------
推荐内容
猜你感兴趣