Question

我正在尝试使用float定位一些按钮，它在所有浏览器中都能正常工作。但是Internet Explorer在2个浮动按钮之后（或第三个浮动按钮之前）添加了一些wird元素。有谁能够帮我？ Here's a picture!

这是我的代码：

<style type="text/css">

            .button {
                width:auto;
                height:23px;
                border:1px solid #cccccc;
                border-radius:4px;
                background-image:url('bg_button.jpg');
                background-position:left;
                background-repeat:repeat-x;
                font-family:Tahoma;
                font-size:13px;
                float:left;
                margin-right:4px;
                cursor: pointer;
                padding-right:10px;
            }
...........
</script>


<div class="button">
        <a href=''>
        <div>
            &nbsp;
        </div>
        </a>
    </div>

    <div class="button">
        <a href=''>
        <div>
            Button 1 aksjd fklaj sdklfaj sdlkfasdf  
        </div>
    </div>

    <div class="button">
        <a href=''>
        <div>
            Button 1    
        </div>
    </div>

Answer 1

在所有东西周围放一个全宽的容器并漂浮它。

我不能肯定它会起作用（因为我无法重现它），但在IE中浮动父母经常有帮助。

编辑：没关系。

您无法将div放入A。如果你这样做，浏览器将在div之前关闭A，然后你就会遇到各种奇怪的问题。（而你甚至没有关闭A中的2个。）

改为使用span，如果需要，请将style="display: block;"放在span上。

IE和多个浮点元素

1 个答案: