Question

我似乎在Chrome中出现意外行为的模态对话框中花了很多时间，为此我可以使用您的帮助。该对话框是一个隐藏的div，由两个较小的div组成，一个向左浮动，一个向右浮动。

我使用nyroModal作为我的对话框并尝试了不同的变通方法来隐藏滚动条，比如使用overflow：hidden，或者尝试手动设置对话框的大小（虽然我觉得很难自定义nyroModal，因为我有限JavaScript中的知识）。

div的基本结构如下：

<div id="signup" class="nyroModal">

    <div id="signup_pt1" class="float_left" >
        <h2>Get your free iGuide account!</h2>
        <form name="signup_form" id="signup_form" action="post">
              ...
              ...
        </form>
        <br class="clear" />
    </div>

    <div id="signup_pt2" class="float_right">
        <h3>Why use iGuide?</h3>
        ...
        ...
        <br class="clear"/><br />
    </div>

</div>

这是我尝试将手动高度设置为#signup对话框：

$(function() {
    $('#signup').nyroModal({
        sizes: {
            height: 600,
            width : 900 
        }
    });
});

到目前为止，正如您从图片中看到的那样，Chrome会喝柠檬水。它是一个bug，一个功能（：？），还是我想念的东西？有任何想法吗？谢谢你的时间。

编辑：由于链接丢失，我删除了图片链接。

Answer 1

我看不到你的图片，因为链接坏了，但我会假设我知道它们会是什么样子。我不知道你是否已经解决了你的问题，但你的第一个例子的问题是你的清算＆lt; br /＆gt;需要在浮动元素之外。

所以看起来应该是这样的：

<div>
    <div style="float: left">
      Stuff
    </div>

    <div style="float: right">
      Stuff
    </div>

    <br class="clear">
</div>

然而，由于nyroModal大小调整问题，我来到这个主题，因此我不知道它是否能够正常使用nm。

Chrome中的nyroModal对话框：如何清除滚动条或明确设置大小？

1 个答案: