No.3ベストアンサー
- 回答日時:
画像などを、それが含まれる当該親ブロック内でfloatさせ、かつ右下におきたいのでしょうが、それは不可能です。
floatプロパティでは、最上位に位置することが定められています。
「A floating box must be placed as high as possible. ( http://www.w3.org/TR/CSS2/visuren.html#float-pos … )」
通常文中の挿絵に関しては、次のようにマークアップされていると思います。
[HTML5]
<section>
<hn>見出し</hn><!-- nは1~6 sectionには見出しがあるべき -->
<p>段落</p>
<p>段落</p>
<figure><img></figure>
<p>段落</p>
<p>段落</p>
</section>
<section>
<hn>見出し</hn><!-- nは1~6 -->
<p>段落</p>
<p>段落</p>
・・・以下省略
[HTML4]だと
<div class="section">
<hn>見出し</hn><!-- nは1~6 -->
<p>段落</p>
<p>段落</p>
<div class="figure"><img></div>
<p>段落</p>
<p>段落</p>
</div>
<div class="section">
<hn>見出し</hn><!-- nは1~6 -->
<p>段落</p>
<p>段落</p>
・・・以下省略
この場合、
figure{float:right;width*300px;}
section{clear:right;}
もしくは
div.figure{float:right;width*300px;}
div.section{clear:right;}
とします。
これは、文書構造上、回り込みされる挿絵は、常にその対象となる記事の直前にあるはずだからです。
次のsectionでは、その挿絵は関係ないのですから、sectionが変わる時点でfloatを解除します。
そうすることで、ウィンドウ巾やフォントサイズが変わっても常に該当する記事の側で、記事を回りこませることが出来ます。
No.2
- 回答日時:
><div>~</div>の間で設定したいのですが。
だからpositionだと言っていますよね。<div>とか関係ないから。
少しは考えるか試すかしてください。
https://www.google.com/search?q=css+%E7%94%BB%E5 …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLとCSSによるWebページ生成について。この絵で「ochawan」の文字を枠全体の上から10 4 2023/02/28 23:17
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- その他(ブログ) シーサーブログのタイトル文字位置とブログ説明文字位置の変更方法 2 2022/09/22 20:55
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- ホームページ作成・プログラミング グリッドレイアウトHTMLとCSS 1 2023/02/22 02:36
- Excel(エクセル) エクセル、画像ファイル名の書かれたセル(複数個所)に画像を一括で表示させる方法 1 2023/04/19 00:19
- Illustrator(イラストレーター) 会社の名刺作成時にロゴを配置する方法 3 2023/06/06 18:06
- HTML・CSS HTMLとCSSコードを教えてください 1 2022/04/27 09:47
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<div id="container">の使いか...
-
htmlのolやulなどlistにtitleや...
-
html の divとtable の役割
-
HTML属性での「""」 「''」違い
-
html5でheaderの中にnav
-
複数のボタンを等間隔に、かつ...
-
ヘッダーを左右に二分割する方...
-
オシャレな区切り線はありませ...
-
要素間、要素内に隙間が空く
-
body>div{}の意味を知りたい
-
画面を拡大すると横幅が切れる
-
div要素が重なってします
-
divとpの使いわけ
-
iframeを使わずに上下50%ずつに...
-
min-heightとheightの違いについて
-
セクションをdivで囲むと見出し...
-
float:leftを使用して全体を中...
-
1時間30分を簡単に表したいで...
-
htmlの文字が縦書きになる
-
【ヒトの神秘】美男美女から何...
マンスリーランキングこのカテゴリの人気マンスリー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を埋め込む
-
hタグの右横に画像を表示
-
divを横に並べる方法
-
インラインフレームのページ内...
おすすめ情報