需要CSS帮助

Question

我在样式表中需要帮助。我有一个div：

Header text with underline, 
icon
link but

ton with description text。

所有都是单独的控件。

附加图像中的

'1'是我目前获得的用户界面，'2'是我想要的。

第二个模块动态生成并覆盖第一个div的文本。可以使用哪个属性来解决此问题？

Answer 1

您需要将clear:both添加到标题<div>的CSS中。

Answer 2

我建议使用Nicolas Gallagher的clearfix hack来支持IE6的跨浏览器支持：

http://nicolasgallagher.com/micro-clearfix-hack/

以下是代码：

.cf:before,
.cf:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.cf:after {
  clear: both;
}

/**
  * For IE 6/7 only
  * Include this rule to trigger hasLayout and contain floats.
*/
.cf {
  *zoom: 1;
}

将cf课程应用到您的第一个div。