• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > Div+Css >  css技巧二:浮动div 正文

css技巧二:浮动div margin加倍问题

作者:网页模板
类型:文章教程
点击次数:
发布时间:2014-04-02 09:31
分享到:
margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上 display:inline;
Html代码:
<div id="imfloat">网站模板</div>
Css代码:
<style type="text/css">
#imFloat{
    float:left; margin:5px;/*IE下理解为10px*/
    display:inline;/*IE下再理解为5px*/
}
</style>

(责任编辑:网页模板)
  • 本文标签:
  • 浮动div margin
css技巧一:div文字垂直居中问题
css技巧三:浮动ie产生的双倍距离