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; を使用している場合 .registerFormContainerとの境界線が表示されません.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 に答える