![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
A 回答 (4件)
- 最新から表示
- 回答順に表示
No.4
- 回答日時:
フロートは全く関係ないと思うのですが。
。親要素とfloatする要素にwidthの設定などしていますか?
とくに、floatさせる要素にはwidthの設定は必須です。
cssて凡ミスが多いと思います。
No.3
- 回答日時:
とりあえずこういう考え方で…
div.body { width: 800px; overflow: hidden; }
div.main { width: 600px; float: left; }
div.sidebar { width: 200px; float: right; }
<div class="body">
<div class="main">…</div>
<div class="sidebar">…</div>
</div>
全体を div で囲ってやり、そこに overflow: hidden; を指定すれば、ウィンドウサイズが小さくなった時はカラム落ちせずに、はみ出る部分がきれいに画面外に出てくれます。
細かい微調整は自力でやって下さい。
No.2
- 回答日時:
そもそも、原因はブロックを配置するためにfloatを使うからです。
floatは、文中の挿絵などの周囲に本文を回り込ませるためですから、floatされるブロックと流し込まれるブロックを足したサイズが、ウィンドウ巾より狭くなれば回りこみが解除されるのは当然です。
言い換えれば、ウィンドウの幅が狭いときは回り込みを解除して下側に表示させるためにfloatで配置したのではないですか?
floatを使わず、absoluteで配置するか、
floatを使うなら横幅を固定しないか、親ブロックの巾を決めてしまう(この場合、狭いウィンドウでは横スクロールを強制される)かです。
本文と、右サイドバーの内容はどちらがいつも大きいかなどがわかっている場合は、それも教えてください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- IT・エンジニアリング ドメイン駆動設計の値オブジェクトについて質問 1 2023/05/13 02:50
- モニター・ディスプレイ WindowsノートPC 13.3で画面縮小したい 画面全体が見えない めり込んでしまってます 1 2023/01/22 13:42
- MySQL PHPとMySQLを使った掲示板の作り方 1 2022/06/02 13:00
- docomo(ドコモ) スマフォで急に文字が小さくなってしまった 4 2023/06/11 10:18
- その他(プログラミング・Web制作) google formsを使ったタスク依頼フォーム作成におけるご相談 1 2023/06/22 15:55
- PHP Postgresの特定のカラムからスペースを取る方法 1 2023/02/22 13:18
- デスクトップパソコン PC作成のスマート対応フアイルへの転換 1 2022/06/18 19:50
- 化学 陰イオン交換クロマトグラフィーについて 陰イオン錯体の形成による分離の実験を行いました。 試料溶液中 1 2023/04/30 18:29
- その他(プログラミング・Web制作) google formsで回答者をスプレッドシートに記載する方法 1 2023/06/23 11:22
- 化学 陰イオン交換クロマトグラフィーについての質問です。 先日、陰イオン錯体の形成による分離の実験を行いま 1 2023/05/02 01:26
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
html の divとtable の役割
-
div要素が重なってします
-
複数のボタンを等間隔に、かつ...
-
<!-- #BeginLibraryItemとは
-
XHTMLでループ処理のやり方
-
コピーライト下・フッター一番...
-
WEBデザイン ― ブラウザの横幅...
-
htmlでdivをなるべく使わないで
-
スペースを使わず文字位置を揃...
-
divを横に並べる方法
-
htmlの文字が縦書きになる
-
HTML ul li で横並びにナビゲー...
-
divタグ内のコンテンツが重なっ...
-
画像イメージの上下左右、欲し...
-
<table>の高さ固定。情報増加時...
-
ボタンを横に並べて表示させる方法
-
含む含まないという概念自体の...
-
ワードにコピペ、画像が表示さ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTML属性での「""」 「''」違い
-
htmlのolやulなどlistにtitleや...
-
div要素が重なってします
-
複数のボタンを等間隔に、かつ...
-
html の divとtable の役割
-
<div id="container">の使いか...
-
min-heightとheightの違いについて
-
ヘッダーとフッターだけ背景を...
-
1時間30分を簡単に表したいで...
-
要素間、要素内に隙間が空く
-
画面を縮小するとカラムが落ち...
-
h1のテキストサイズよりh2の方...
-
divの中に外部のHTMLを埋め込む
-
スペースを使わず文字位置を揃...
-
<!-- #BeginLibraryItemとは
-
hタグの右横に画像を表示
-
グリッドレイアウトで"auto-fit...
-
セクションをdivで囲むと見出し...
-
開閉式の隠し要素が一瞬表示さ...
-
html5でheaderの中にnav
おすすめ情報