我有两个浮动的div,并排,里面有p标签.p标签中的文本不会换行,只是溢出容器,如图中文本所示:

我的HTML看起来像这样:
<div class="submenu">
<h3>Destinations in Europe</h3>
<ul>
<li><a href="#">dfgdgdgfgdg</a></li>
<li><a href="#">dfgdgdgfgdg</a></li>
<li><a href="#">dfgdgdgfgdg</a></li>
<li><a href="#">dfgdgdgfgdg</a></li>
</ul>
<h3>Features</h3>
<div>
<img src="/assets/images/o/menu/city-feat-one.jpg" />
<h4>blahblah</h4>
<p>
khkhjhjkhkyhkighkjfkhkiyhohhjkhjlhkluoiulohlhjhiououhljhiououhljhiououhljhiououhljhiououhljhiououhl
</p>
</div>
<div>
<img src="/assets/images/o/menu/city-feat-two.jpg" />
<h4>blahblah</h4>
<p>
khkhjhjkhkyhkighkjfkhkiyhohhjkhjlhkluoiulohlhjhiououhl
</p>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我的CSS:
#rb-menu-com li .submenu > div {
width:48%;
float:left;
position: relative;
}
#rb-menu-com li .submenu div p {
color:#fff;
margin: 0;
padding:0;
width:100%;
position: relative;
}
#rb-menu-com li .submenu div img {
border:1px solid #fff;
}
Run Code Online (Sandbox Code Playgroud)
有谁之前经历过这个吗?我没有!! 让我生气!
我正在尝试使用雅虎的purecss,其中包含normalize.css.我需要能够将Open Sans设置为html标记的字体系列,但是normalize.css将sans-serif设置为html标记上的font-family,似乎不允许它.我可以使用Open Sans的唯一方法是为每个特定的html元素设置它,例如h1.
有谁知道如何覆盖规范化并在html标签上设置font-family?我不想每个标签单独设置它,因为如果我忘记将它应用于某个标签,这可能会导致整个网站出现荒谬的不一致!
谢谢
我应该提到我正在使用Symfony2和Assetic.这是我的代码:
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-min.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'>
{% block stylesheets %}
{% stylesheets
'@RoundupRoundupBundle/Resources/public/css/pure-skin-roundup.css'
'@RoundupRoundupBundle/Resources/public/css/main.css'
filter='cssrewrite'
%}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
{% endblock %}
Run Code Online (Sandbox Code Playgroud)
然后我自己的CSS覆盖是(在main.css中):
html {
font-family: "Open Sans" !important;
}
Run Code Online (Sandbox Code Playgroud)