float(CSS)

これはCSSのfloatプロパティのタグです。指定された要素を左または右に寄せて配置する際に使用します。

RSS

  • 受付中

    回答
    1

    画面で2分割して片方はoverflow-yをかけたい

    columを画面で半分半分にして、たての画面いっぱいに伸ばして、片方の書き込み一覧は書き込みが画面より多くなりそうだったらスクロールできるようにしたいです。 フロートを使いましたが半分にならないで、overflow-yも効果が無かったです。フロートとかoverflow-yじゃなくてもいいので何かいい方法はありませんか? <!DOCTYPE html> <

    • 0評価
    • 43PV
    Yatima Yatima 1週間前に 回答
  • 解決済

    回答
    1

    float指定が動いてくれません

    前提・実現したいこと div内の画像を横並びにしたいのですがfloat指定しても並んでくれません 発生している問題・エラーメッセージ 指定しても縦に並んだ挙句divの真ん中の方によっていってしまいます ###該当のソースコード Htmlは現在こうなっています <div class="imagearea"> <figure><img src="xxx

    • 0評価
    • 68PV
    hinana0227 hinana0227 3ヶ月前に コメント
  • 受付中

    回答
    3

    CSSで左右に要素を寄せて、それぞれ上下中央寄せにしたい

    やりたいこと 下記の図のように各要素を配置したいと考えています。 なお、青いボックスは赤いボックスにくっついても構わないです。 コードは下記のようになります。 <div class="clearfix"> <div class="box_red"></div> <div class="box_blue claerfix">

    • 0評価
    • 569PV
    miwakazuo miwakazuo 3ヶ月前に 回答
  • 解決済

    回答
    3

    HTMLの要素に変な幅がある。

    【問題点】 float:left;をしようとしても何故かarticleの要素にmarginやpaddinngを付けていないのに変な幅があるせいかfloatしても横にならないです。 どうしたらいいかわからなくて困っております よろしくお願いします コード -HTML- <article class="mainContainer__article">

    • 0評価
    • 164PV
    tonari tonari 4ヶ月前に コメント
  • 解決済

    回答
    1

    float解除が行われていない理由を教えてください。

    float解除を行わないと後続のレイアウトに影響が出ることから解除作業は必須と思ってました。 しかし、header部分の下記HTML&CSSのコード見ると解除に必要なコード(clearやclearfix)が見当たりません。後続のレイアウトも崩れること無く記述されています。 float解除が行われていない理由を教えてください。 <!-- Header

    • 0評価
    • 185PV
    6111-debutant_. 6111-debutant_. 5ヶ月前に 質問を編集
  • 解決済

    回答
    2

    IE6でoverflow:hiddenが効かないことについて

    前提・実現したいこと CSS でホームページの画面を作成しております。 ウィンドウの幅を狭くしたときに、Floatを使っていても、右側のカラムが下に落ちずに、そのまま隠れてくれるようにしたいです。 発生している問題・エラーメッセージ Chromeなどの普通のブラウザでは、widthを設定して、overflow:hiddenを指定すれば、ウィンドウ

    • 0評価
    • 201PV
    Petapeta Petapeta 6ヶ月前に 質問を編集
  • 解決済

    回答
    5

    {float:}を入力した<div>要素の中の文字の高さを変更する方法

    <!DOCTYPE html> <html lang="ja"> <head> <title>Title</title> <meta charset="UTF-8"> <meta name="description" content=""> <meta name="keywords" content=""> <script

    • 0評価
    • 669PV
    penguin520 penguin520 7ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    このimgと.top間の余白をなくしたいです。

    このimgと.top間の余白をなくしたいです。 .topはフロートで右側に来るように設定したのですが、位置が右端になってしまうので画像の真横(正しくは画像から5px離れた場所)に設定したいです。フロートを左にするというのは無しでお願いします。 <h3>実食レポート</h3> <hr/> <dl class="listD02">

    • 0評価
    • 345PV
    ktkr ktkr 1年以上前に ベストアンサー
  • 受付中

    回答
    4

    cssのfloatの箇所が分かりません。

    初めて投稿させて頂きます。 cssで、一段組みのサイト全体の中央揃えと画像、 テキストの左揃えの箇所が分かりません。 サイト全体を中央揃えにし、全体の幅960px、 logo.pngを幅の一番左に、 「CHEESE DEVELOPMENT</br> GROWTH CEESE</br> CHEESE PERSPECTIVE<br> CH

    • 0評価
    • 811PV
    gasuko gasuko 1年以上前に 回答
  • 解決済

    回答
    1

    Wordpressでのfloatで並べた記事の空白について

    題名の通りWordpressで記事をfloatで並べたときに空白が開いてしまったのですが、どうすることもできなかったのでどうすればいいか教えてください。 画像でお見せするのは難しかったので、自分のサイトのリンクを張るのはお恥ずかしいのですが、まずはこちらをご覧ください。 http://kelvin-blog.net/ 上から3つ目の左側の記事が空白

    • 0評価
    • 331PV
    Kelvin Kelvin 1年以上前に ベストアンサー
  • 解決済

    回答
    2

    [CSS] positionで画像を下げて出来たスペースに他のテキストを入れたい。

    前提・実現したいこと position:relative; top:70px !important; このコードにより画像の位置を下げてできたスペースに右側の文字を入れたいです。 よろしくお願いします。

    • 0評価
    • 360PV
    Rokububu Rokububu 1年以上前に コメント
  • 解決済

    回答
    1

    なぜ、floatと指定しないと上手くいかないのか

    下記のソースは、連想配列center_elで指定した各々の要素(#gnavi)の子要素(#gnavi li > a span')を、親要素(#gnavi)の中央部分に配置するものです。 var center_el = { '#gnavi': '#gnavi li > a span',//グローバルメニュー部分0 '.ja

    • 0評価
    • 475PV
    aaaaaaaa aaaaaaaa 1年以上前に ベストアンサー
  • 解決済

    回答
    3

    floatでの横並びについて

    コーディング初心者です。 とても初歩的なことではございますが、質問させていただきます。 背景画像の上にボタンを2つ横並びにしたいのですが、 ローカルでは思うようにできているのですが、 サーバーにアップして確認するとうまく表示されません。 背景画像とボタンの画像は両方とも表示はされています。 ただ・・・ floatをかけているにもかかわらずボタンが横並

    • 0評価
    • 687PV
    Dahlia 退会済みユーザー 1年以上前に ベストアンサー
  • 解決済

    回答
    2

    floatを利用すべきか、flexboxを利用すべきか

    html5でボックスを意匠するときに利用する方法はいくつかあって、その中でもfloatとflexboxが私の中で馴染みのあるものなのですがいったいどちらを使うべきでしょうか。floatは古いIEだと不具合がでてしまうし、クリアフィックスしないと表示がおかしくなるという欠点があります。flexboxはfloatと比べるとそんなに使用頻度は少ないので詳しい問題は

    • 2評価
    • 1008PV
    aaaaaaaa aaaaaaaa 1年以上前に ベストアンサー
  • 解決済

    回答
    1

    floatで左右に並べた可変幅のHTML/CSS

    HTML/CSSを組んでいます。 以下のようにHTMLとCSSを組むと、 一番外側のBOXのoverflowで住所が途中で切れてしまいます。 ※classは名前付けだけのためで、CSS等は設定されていません。 ━━━━━━━━━━━━━━━━━━ <div class="outerBox" style="overflow:hidden;padding:5

    • 0評価
    • 964PV
    1nakaji 1nakaji 1年以上前に ベストアンサー
  • 1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    88

  • 総質問数

    15

  • 今週の質問数

    0

関連するタグ

float(CSS)タグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る