A 回答 (4件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
そもそも、原因はブロックを配置するためにfloatを使うからです。
floatは、文中の挿絵などの周囲に本文を回り込ませるためですから、floatされるブロックと流し込まれるブロックを足したサイズが、ウィンドウ巾より狭くなれば回りこみが解除されるのは当然です。
言い換えれば、ウィンドウの幅が狭いときは回り込みを解除して下側に表示させるためにfloatで配置したのではないですか?
floatを使わず、absoluteで配置するか、
floatを使うなら横幅を固定しないか、親ブロックの巾を決めてしまう(この場合、狭いウィンドウでは横スクロールを強制される)かです。
本文と、右サイドバーの内容はどちらがいつも大きいかなどがわかっている場合は、それも教えてください。
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.4
- 回答日時:
フロートは全く関係ないと思うのですが。
。親要素とfloatする要素にwidthの設定などしていますか?
とくに、floatさせる要素にはwidthの設定は必須です。
cssて凡ミスが多いと思います。
お探しの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も見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
ヘッダーとフッターだけ背景を...
-
<div id="container">の使いか...
-
複数のボタンを等間隔に、かつ...
-
CSS でテキストの点滅をするに...
-
セレクタでidは使わない?
-
画面を縮小するとカラムが落ち...
-
float:leftを使用して全体を中...
-
htmlの見出しタグ(<h1>)の次...
-
html divボックスの入れ子で中...
-
divタグで位置を指定したい
-
今から本格的にHTML勉強するなら
-
ヘッダーを左右に二分割する方...
-
ブログのサイドバーが下にくる
-
「見出し画像+小見出し」と「見...
-
div要素が重なってします
-
HTML文章の文字サイズについて
-
html5でheaderの中にnav
-
divの中に外部のHTMLを埋め込む
-
web制作について教えて下さい。
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
div要素が重なってします
-
<div id="container">の使いか...
-
複数のボタンを等間隔に、かつ...
-
html の divとtable の役割
-
divとpの使いわけ
-
ヘッダーとフッターだけ背景を...
-
min-heightとheightの違いについて
-
セクションをdivで囲むと見出し...
-
画面を縮小するとカラムが落ち...
-
ヘッダーを左右に二分割する方...
-
1時間30分を簡単に表したいで...
-
スペースを使わず文字位置を揃...
-
CSSで、contentsがfooterに重な...
-
h1に自分自身へのリンクを張...
-
divの中に外部のHTMLを埋め込む
-
divを横に並べる方法
-
hタグの右横に画像を表示
-
h1のテキストサイズよりh2の方...
おすすめ情報