-2

垂直方向の配置に関連する多くの質問を参照し、、などdivを含むさまざまなオプションを試しましたが、必要な解決策が得られません。float:leftdisplay:blockclear:both

これが完全なコードhttp://jsfiddle.net/Lijo/8Db9A/3/です。div のパーセンテージを 98% に保つと、正常に機能します。80%で動作させる解決策はありますか?

注：使用しないソリューションを探していますclear

ここに画像の説明を入力

CSS

    .errorMessageDiv
    {
        width: 80%;
        display: block;
        float: left;
        clear: both;
        color: #56300a;
        overflow: auto;
        border: 1px solid #b08b34;
        padding: 0 0 0 0;
        margin: 10px 0 10px 10px;
        font-weight: bold;
    }
4

3 に答える 3

1

clear: leftフォームをメッセージdivの下に表示する場合は、 divを追加する必要があります.firstElement。.errorMessageDivあなたが今しているようなものではありません

于 2012-12-17T15:28:53.783 に答える
1

テキストは自然に「インライン」であり、収まるスペースがあるため、エラーメッセージと同じ行に表示しようとしています。フォームのコンテナに、20％の穴に収まらない程度の幅を設定することをお勧めします。これにより、強制的に新しい行になります。

http://jsfiddle.net/8Db9A/10/

.filterElements {
  padding: 10px 5px 10px 5px;
  width: 70%;
}
于 2012-12-17T15:42:57.083 に答える
1

質問はちょっと紛らわしいですが、あなたはこのようなものを見ていると思います。私は基本的に削除しました

display: block;
float: left;

http://jsfiddle.net/8Db9A/9/

于 2012-12-17T15:37:40.620 に答える