Entry: main  << >>
float解除の方法
フロート解除する際、単純に
.cl{ clear: both;} として、
<br class="cl" /> などと書いていました。

厳密に言うと間違った書き方なのだそうです。
(clear: both;はブロック要素でしか使うべきではないため)
かといってブロック要素に指定すると、高さが入ってしまったりして、
レイアウトが狂ってしまいます。

そこで、こんな指定方法が紹介されていました。

.clear{ clear: both; visibility: hidden; height: 0;}

<div class="clear">ここでクリアー</div>



参考サイト
http://www.materialpot.com/content/archive_33.htm
18:52 | comments(0) | - | - | -
Comment








Calendar

     12
3456789
10111213141516
17181920212223
24252627282930
<< June 2018 >>

Recommend

Search

Entry

Comment

  • リンク元のページに戻るボタン(PHP)
    Tadashi (03/13)
  • サイト全体をメンテナンスページに切り替える単純な方法
    yo5kg (06/06)
  • 再配布不可識別子の入れ方
    jumbo (04/25)
  • Foma901シリーズ用 デコメテンプレートをPCで作成する方法
    ぐみ (12/11)
  • 再配布不可識別子の入れ方
    eguti (06/04)
  • ナビゲーションをul、liで作成する時
    ビジログ (03/09)
  • 再配布不可識別子の入れ方
    nana (02/02)
  • 再配布不可識別子の入れ方
    TOM (01/22)
  • Foma901シリーズ用 デコメテンプレートをPCで作成する方法
    pon (11/09)
  • Foma901シリーズ用 デコメテンプレートをPCで作成する方法
    pon (11/09)

Archives

Category

Link

Feed

Others

無料ブログ作成サービス JUGEM

Mobile

qrcode