0

すべて、私は以下のようなhtmlを持っています。H2要素が必要で、Div左に水平に配置します。私を助けてください 。ありがとう。

<html>
  <head>
  </head>
  <body>
    <div>
      <h2>xxx</h2><div>xxxx</div>
    </div>
  </body>
</html>
4

5 に答える 5

2

次のようなcssルールを使用できます。

h2{float: left;}
于 2012-11-09T03:19:39.957 に答える
2

はい、できます。h2とdivの両方に幅を設定し、ページ幅内に十分収まるようにする必要があります。そしてfloat: left、cssスタイルで使用する必要があります。

于 2012-11-09T03:20:47.707 に答える
1

div 要素で float: left プロパティを使用する必要があります。例を含む jsfiddle を次に示します。

jsフィドル

<html>
  <head>
  </head>
  <body>
    <div>
      <h2>xxx</h2><div id="test">xxxx</div>
    </div>
  </body>
</html>​

次に、CSS に次のように記述します。

#test {

    float: left;
}​

または、h2 をブロック要素として表示するように設定することもできます。

h2 {
    display: block;
}

ブロックとしてレンダリングするとすべての水平方向のスペースが占有されるため、これにより div 要素が h2 要素の下に配置されます。

于 2012-11-09T03:22:42.783 に答える
1

コード内でフロートごとに要素を整列させることができ、h2 と div を作成しますfloat:left;

ノート：

  1. 絶対配置要素は float プロパティを無視します!
  2. 浮動要素が内部の要素よりも幅が広いか高さが高い場合、浮動要素は他の要素のマージン、ボーダー、およびパディング領域と重なる可能性があります。
  3. 浮動要素の前の要素は、浮動要素が影響を受けた後にのみ影響を受けません
于 2012-11-09T03:21:55.093 に答える
0

これを と の間<head>に入れて</head>

 <style>
      body{
           text-align:left;
      }
 </style>

フローティングも機能します。お使いのブラウザでは、まだ左側に表示されていないのは奇妙です。

于 2012-11-09T03:26:11.497 に答える