1

以下是我的 CSS 代码:

.registerFormContainer{width: 45%;border: 1px solid #2C5887; border-radius: 5px; text-align: center; margin: 0 auto; height: auto;}
    .registerFormContainer h3{padding: 10px; background: #2C5887; border-top-radius: 5px; width: auto;}
    .registerFormContainer h3 label{color: #fff; font-size: 18px; font-weight: bold;}

在这里,如果我使用 height:auto; 然后它不显示.registerFormContainerand的边框.registerFormContainer h3。如果我使用手动高度,300px那么它会显示边框。但是,如果我使用手动高度,则div验证错误后不会扩展。应该是什么问题?我正在学习 CSS,但对此没有太多了解。

以下是我的 html

<div class="registerFormContainer">      
    <h3><label style="background-image:url( '/images/lock.png'); width: auto; background-repeat:no-repeat; background-position:left center;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Create an Account</label></h3>
    <div class="row_2"> 
        <center><?php echo $this->msg; ?></center>                                                                      
        <label  class="label2">&nbsp;</label>
        <?php if ($this->displayimage) { ?>           
            <img src="<?php echo $this->displayimage; ?>"></img>
        <?php } ?>
    </div>
    <div class="row_2"> 
        <label  class="label2">&nbsp;</label>
        <b>Welcome,  <?php if (isset($this->displayname)) echo $this->displayname; ?></b>                                                                                                
    </div>                                                
    <div class="row_2"> 
        <label  class="label_2" for="username">Email:</label>
        <?php if (isset($this->fbid)) { ?>
            <input class="required" id="username" name="username" type="hidden" value="<?php echo $this->email; ?>"/>
            <?php echo $this->email; ?>
        <?php } else { ?>
            <input class="required" id="username" name="username" type="text"/>        
        <?php } ?>
    </div>
    <div class="row_2">
        <label for="password" class="label_2">Password:</label>
        <input class="required" id="rpassword" name="password" type="password"/>
    </div>
    <div class="row_2" >
        <label for="cpassword" class="label_2">Confirm Password:</label>
        <input class="required" id="cpassword" name="cpassword" type="password"/>
    </div>
    <div class="row_2">                        
        <label class="label_2">&nbsp;</label>
        <input type="submit" class="submit" value="Submit" name="submit" id="submit">
    </div>                                                         
</div>

任何帮助,将不胜感激。

4

1 回答 1

1

请尝试overflow-y:auto上课registerFormContainer,希望对您有用。

谢谢

于 2012-12-05T07:13:02.493 回答