忍者ブログ

04

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
□    [PR]
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

親要素のボックスの高さが、中の子要素にあわせてくれないときの対処法。

原因は、子要素にfloatを指定している場合、親要素が子要素の高さを認識してくれないため。

解決方法:
子要素の高さにあわせたい親要素のスタイルに、下記のように追加する

   _zoom: 1;
   overflow: hidden;



くわしくはこちら
とっても使えるoverflowプロパティ。その使い方色々。
PR
ボックスを中央配置にする方法。

基本的な考えとしては、親のボックス(一番外側のボックス)を作り、ボックス内の要素をすべて中央配置にする。
その中に入れ子のボックスを作り、そのボックス内要素をleftにすれば 入れ子のボックス配置のみがセンタリングされる。
※ただしボックスのwidthを指定しないと意味が無い。


詳しい解説
WEB工房きくちゃん ボックスのセンタリング

忍者ブログ/[PR]

Template by coconuts