Container div ignores height of floated elements
本问题已经有最佳答案,请猛点这里访问。
好吧,这看起来是一个非常愚蠢的问题,但是我不能让container div继承其中浮动元素的高度。因为我需要使容器分区居中,所以不能使用float来解决这个问题。这是我的CSS:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | #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:
1 2 3 4 5 6 7 8 9 10 11 | <img src="img/logo.jpg" alt="" /> All About This Page <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> <img src="img/slider_image.jpg"> |
有什么想法吗?
您正在寻找所谓的ClearFix。