参见英文答案 >
What methods of ‘clearfix’ can I use?27个
好的,所以这似乎是一个非常愚蠢的问题,但是我无法让我的容器div继承浮动元素的高度.因为我需要集中容器div,所以我不能用float来解决这个问题.这是我的css：
好的,所以这似乎是一个非常愚蠢的问题,但是我无法让我的容器div继承浮动元素的高度.因为我需要集中容器div,所以我不能用float来解决这个问题.这是我的css：
- #container {
- margin: 0 auto;
- width: 1000px;
- border-left: 1px solid #f1f1f1;
- border-right: 1px solid #f1f1f1;
- border-bottom: 1px solid #f1f1f1;
- }
- #focus {
- padding-left: 23px;
- width: 977px;
- padding-top: 20px;
- padding-bottom: 23px;
- border-bottom: 1px solid #f1f1f1;
- float: left;
- }
- .rslider {
- float: left;
- width: 600px;
- margin-left: 15px;
- }
- .welcome {
- float: left;
- width: 300px;
- }
HTML：
- <div id="container">
- <div id="logo_block">
- <a href="#"><img src="img/logo.jpg" alt="" /></a>
- </div>
- <div id="focus">
- <div class="welcome">
- <h1>All About This Page</h1>
- <p>Donec quam felis,ultricies nec,pellentesque eu,pretium quis,sem. Nulla consequat massa quis enim. Donec pede justo,fringilla vel,liquet nec,vulputate eget,arcu. In enim justo,rhoncus ut,imperdiet a,venenatis vitae,justo. Nullam dictum felis eu pede mollis pretium.</p>
- </div>
- <div class="rslider">
- <img src="img/slider_image.jpg">
- </div>
- </div>
- </div>
有任何想法吗？
解决方法
你正在寻找所谓的
clearfix.
