Question

我在这个页面上有一堆嵌套的div。它们中的每一个都只能获取与其大小相当的内容，添加的任何内容都会溢出到下一个div中。我希望将#heading扩展为我添加更多内容。可以使用CSS完成吗？

<div id="heading"> 
     <form action="addplayer.php"method ="post" enctype="multipart/form-data">
         <img src="css/images/pid.jpg" alt="" /><br/> <input type="text" name="playerid" class="textbox"/><br/>
         <img src="css/images/name.jpg" alt="" /><br/> <input type="text" name="name" class="textbox"/><br/>
         <img src="css/images/age.jpg" alt="" /><br/> <input type="text" name="age" class="textbox"/><br/>
         <img src="css/images/position.jpg" alt="" /><br/> <input type="text" name="position" class="textbox"/><br/>
         <img src="css/images/nt.jpg" alt="" /><br/> <input type="text" name="nationality" class="textbox"/><br/>
         <img src="css/images/photo.jpg" alt="" /><br/> <input type="file" name="image" class="textbox"/>
     <input type="submit"  value="Upload"/>
     <form/>    
</div>

Answer 1

如果您没有定义宽度和/或高度，div元素会随其内容一起增长。除非他的内容设置为绝对！如果内容设置为float，则必须设置为容器。

div{overflow: hidden;
    height: auto;
    }

如何使用css使div扩展其内容？

1 个答案: