Question

我目前正在网站上工作。我有一个特定的div，它应该贴在内容div的右侧，我注意到了一个非常奇怪的问题。

当您点击div中的某个链接时，div的宽度将会更改并变宽。为什么这样做？

<div style="float:right;">
    <br /><br /><br /><br />
    <div id="login">

        <form method="post">
            <table>
                <tr>
                    <td>Welcome Test Test<br />Click <a href='#'>here</a> for admin.!</td>
                </tr>
                <tr>
                    <td>You are logged.</td>
                </tr>
                <tr>
                    <td><a href="#">Edit your details.</a></td>
                </tr>
                <tr>
                    <td><input type="submit" name="logout" value="Logout" /></td>
                </tr>
            </table>
        </form>
    </div>
</div>

http://jsfiddle.net/2j1g200g/

感谢。

Answer 1

从主div或登录类中删除 float：right 似乎可以解决问题。

是否有理由在两者上使用它或是偶然使用它？

Answer 2

将#login填充从5％更改为5px

在更改div的单击宽度时

2 个答案: