-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,
div
{
    display:block;
}

これは、デフォルトで要素が何であるかです何かがあなたのCSSをオーバーライドしている可能性があります

于 2013-04-05T17:57:55.963 に答える