-1

我有这样的页面布局：

<p>some text</p>
<div>a block button</div>

风格<p>：

p {
    font-size: 0.9em;
    font-weight: normal;
    color: #666;
    float: left;
    margin: 0px;
    line-height: 0.6em;
}

风格<div>：

.view {
    width: 75px;
    height: 20px;
    float: left;
    text-align: center;
    vertical-align: middle;
    margin: 0 3px 3px 0;
    line-height: 1.4em;
}

我不能改变它（它是在别处生成和共享的），我只能改变风格。

目前<div>被渲染到 的右侧<p>。我需要<div>坐在它下面。如何仅在 CSS 中实现这一点（没有 jQuery）？

谢谢

4

3 回答 3

1

尝试以下

<p>some text</p>
<div style="clear:both">a block button</div>
于 2013-04-05T17:57:58.737 回答
0 
p
{
clear:both;
margin:0px;
padding:0px;
}
于 2013-04-05T17:59:45.403 回答
0 
p,
div
{
    display:block;
}

这就是元素的默认值，可能会覆盖您的 CSS

于 2013-04-05T17:57:55.963 回答