IE7浮动右侧问题

7 浏览
0 Comments

IE7浮动右侧问题

我在IE7上遇到了问题(不需要支持IE6)。

在IE7上,渲染的HTML如下所示:

alt text

我希望它看起来像这样(目前在Chrome/IE8上可以工作):

alt text

我应该修改什么? 🙂

0
0 Comments

IE7浮动右侧问题出现的原因是IE7计算padding和margin值时出现错误。解决方法是给每个浮动元素添加display: inline;属性。对于bar链接,display: inline;似乎没有起作用。通常情况下,给浮动元素添加display: inline;属性可以解决IE的常见浮动问题。

0
0 Comments

IE7 float right problems是指在IE7浏览器中使用float:right样式时出现的问题。这个问题的出现是因为在IE7浏览器中,使用float:right样式时,元素的位置可能会出现异常。为了解决这个问题,可以尝试使用clear after fix方法。

具体的解决方法如下:

在CSS样式中添加以下代码:

div:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

这段代码的作用是在元素后面添加一个伪元素,通过设置clear:both样式来清除浮动。这样可以解决在IE7浏览器中使用float:right样式时出现的位置异常问题。

经过尝试,这种方法可以成功解决IE7浏览器中float:right样式的问题。

0
0 Comments

IE7 float right problems问题的出现原因是由于IE7的布局引擎不完善,它的浮动和清除浮动的机制与其他浏览器不同。解决这个问题的方法有两种:

1. 需要对两个元素都进行浮动,并清除浮动。代码如下:

 
 



  
something


2. 或者将浮动元素放在普通元素的前面,代码如下:

 
 



  
something


简要解释:

当元素浮动时,它不会将“正常”的内容推向下方。因此,如果在浮动元素之间不使用`clear:both`来清除浮动,下方的内容将会在两个浮动元素之间堆叠,这可能不是所期望的效果。当在浮动元素下方使用`clear:both`时,下方的内容将会被推到最高的浮动元素的下方。这就是浮动和清除浮动的工作原理。

在IE6和IE7中,浮动元素放在普通元素的前面是最常见的解决方法,这是因为这两个版本的IE的布局引擎不完善。

0