想要将blockquote元素保留在一个单独的行中

Question

我们试图将blockquote元素保留在不同的行中。所以我们尝试应用clear：both和display：阻止css属性，但似乎没有任何改变我们正在针对ie7和firefox 3浏览器请帮忙。

<p>  This is text </p>
<p>  This is text </p>
<blockquote  style='clear:both;display:block;float:left'     >
<p>  This is text </p>
</blockquote>
<p>  This is text </p>
<p>  This is text </p>

Answer 1

首先，您需要在浮动元素的父元素上设置clear属性。清除和浮动在同一元素中不会做你想做的事情。现在，您正在清除在块引用中浮动的任何内容。其次，根据你给我们的内容以及你想要做的事情，浮动blockquote是没有意义的，因为你想要的东西不会漂浮它。如果您正在弄乱对齐，只需将blockquote对齐到其容器的左侧。