Q&A
全然出来るがしないんですけど、と言われてもコードは書いたとおりにしか動きません。
質問者さんの得たい結果がこの本文からではイメージしづらいため、ペイントかなにかで
イメージ図を追記されると回答しやすいかと思われます。
タイトル通りです。
全然出来る気配がしないんですけど、できないんですかね？
できるかも、と思って書いたのが下記です（迷走しております）
（画像の左側に文字を置き、画面全体に表示というよりは両端に何もない白の余白を与えたいです）
HTML
1<!doctype html> 2<html lang="ja"> 3 <head> 4 <meta charset="utf-8"> 5 <title>あ</title></head> 6<body> 7<section id="saisyo"> 8<img src="img-img.jpg" width="360" height="255" alt="setumei"> 9<p>説明</p></section> 10</body></html>
css
1#saisyo img{position:relative; 2top:65px; 3 float:right; 4margin-left: 20px; 5margin-right: 40px;} 6 7#saisyo p{position: relative; 8top: 65px; 9left: 20%; 10margin-right: 200px;} 11
回答1件
0
ベストアンサー
こんにちは。
全然出来る気配がしないんですけど、できないんですかね？
できますが、相対表示は静的配置した要素をtopなどでずらすので、left: 20%としている分だけ重なってしまいます。
なので、その分をマージンなどでずらしてやる必要があると思います。
css
1#saisyo img { 2 position: relative; 3 top: 65px; 4 float: right; 5 margin-left: calc(20px + 20%); 6 margin-right: 40px; 7}
投稿2021/03/02 01:09
総合スコア36932
あなたの回答
tips
プレビュー
