Question

在我的网站上，我使用此代码创建了一个jQuery选项卡：

    <div id="tabs">
  <ul>
    <li><a href="#tabs-1">Grundlegendes</a></li>
  </ul>
  <div id="tabs-1">
    <p>
                <div class="gen_col">
                    <div class="gen_col_1">Benutzername</div>
                    <div class="gen_col_2"><input type="text" name="username" id="username" class="as_input"  /></div>

                    <div class="gen_col_1">Passwort</div>
                    <div class="gen_col_2"><input type="password" name="password" id="password" class="as_input"/></div>

                    <div class="gen_col_0"><input type="submit" name="login" id="login" value="Login &raquo;" class="as_button" /></div>
                </div>


    </p>
  </div>
</div>

gen_col属性的样式表：

.gen_col {
    width:400px;
}

.gen_col_0 {
    width:400px;
    float:left;
    padding-top: 10px;
    font-size:1.5em;
    font-style:italic;
}

.gen_col_1 {
    width:90px;
    float:left;
    padding-top: 6px;
    font-weight:bold;

}

.gen_col_2 {
    width:310px;
    float:left;
    padding-top: 6px;
}

现在，我在我的网站上得到了这个输出：

Website-Output

有没有办法正确显示？   （我的标签的内容并不是真正的登录，但是对于测试和演示，我添加了这些字段+值。

提前进行

Answer 1

好像你忘记了clearfix 将clearfix类添加到.gen_col

<div class="gen_col clearfix">

我认为here是对这种情况的一个很好的解释。
每个浮动元素都应该被清除。非常基本的CSS东西; - ）

jQueryUi Tabs + DIV＆＃34; Tables＆＃34;

1 个答案: