0 
<div class="btns" id="btnHome">HOME</div>
<div class="btns" id="btnCon">CONTACT</div>
<div style="clear:both;"></div>
<div id="gall"></div>

CSS 

.btns{
    float:left;
    padding: 2px 10px 2px 10px;
}
#gall{
    margin:25px 0 15px;  // this top margin doesn't work in IE8
    height:70px;
    border:thin solid red;
}

这是jsFiddle

4

5 回答 5

2

这是IE8 中的一个已知错误。有几种方法可以修复它。

您可以尝试添加overflow:auto到清算<div>

检查这个小提琴

于 2012-12-17T09:13:17.670 回答
1

尝试添加 display:inline-block; 和宽度你想要多少希望它能解决你的问题。

于 2012-12-17T09:02:27.147 回答
1 
<div class="btns" id="btnHome">HOME</div>
<div class="btns" id="btnCon">CONTACT</div>
<div style="clear:both;"></div>
&nbsp; <!-- Adding &nbsp; will solve problem -->
<div id="gall"></div>
于 2012-12-17T09:05:47.680 回答
1

为我工作。

http://jsfiddle.net/68myJ/13/

<div class="btns" id="btnHome">HOME</div>
<div class="btns" id="btnCon">CONTACT</div>
<div style="clear:both;"></div>
<div id="gall"></div>

.btns{
    float:left;
    padding:2px 10px 2px 10px;
}

#gall{
    margin:25px 0 15px !important;
    height:70px;
    width:100%;
    display:block; /* can revert inline block when long list for IE8*/
    border:thin solid red;
}
于 2012-12-17T09:08:16.413 回答
1

试试这个：

<div id="wrapper">
  <div class="btns" id="btnHome">HOME</div>
  <div class="btns" id="btnCon">CONTACT</div>
</div>


<div id="gall"></div>
​

#wrapper{
  overflow:hidden;
}
.btns{
    float:left;
    padding:2px 10px 2px 10px;
}

#gall{
    margin:25px 0 15px !important;
    height:70px;
    width:100%;
    display:block; /* can revert inline block when long list for IE8*/
    border:thin solid red;
}

见小提琴：http: //jsfiddle.net/68myJ/17/

于 2012-12-17T09:14:25.483 回答