参见英文答案 >
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.
