質問編集履歴
1
誤字の修正
title
CHANGED
File without changes
|
body
CHANGED
@@ -5,7 +5,7 @@
|
|
5
5
|
(https://www.amazon.co.jp/1%E5%86%8A%E3%81%A7%E3%81%99%E3%81%B9%E3%81%A6%E8%BA%AB%E3%81%AB%E3%81%A4%E3%81%8FHTML-CSS%E3%81%A8Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E5%85%A5%E9%96%80%E8%AC%9B%E5%BA%A7-Mana/dp/4797398892)
|
6
6
|
の見本を参考にコードを映しているのですが見本通りいきません。画像下の文字列が画像の幅からはみ出してしまいます。
|
7
7
|
一応画面幅を調節すると画像幅と揃うには揃うのですがデフォルトの状態でそろえたいです。
|
8
|
-
皆様回答お待ちしております。できれば今後自部で対処が
|
8
|
+
皆様回答お待ちしております。できれば今後自部で対処ができるような方法も教えていただけると幸いです。
|
9
9
|
|
10
10
|
|
11
11
|
|
@@ -256,7 +256,7 @@
|
|
256
256
|
|
257
257
|
自分で試してみたこととしては、サンプルコードをそのままコピペしたら見本通りの画面になったため誤植でないことはわかった。外套の正誤情報も探してみたが、みつからなかった。
|
258
258
|
そのままサンプルコードを見ながらどこが違うか、照らし合わせようとしたが、自分が進めている以降のcssセレクター(次回HTMLで使われるものを含む)が途中に入ってきたり、そもそものコードの書き方の順番が書籍上明記されなかったりで自分と違うコード編成となっており、かなり見落としやすかったりで全部確認できている自信がない。
|
259
|
-
セレクターarticle p
|
259
|
+
セレクターarticle p自体にwidth:74%;を試しに書いてみたが画像よりさらに細い幅になってしまった。同じく100%も入れてみたが今度はレイアウトが崩れっぱなしの状態のままだった。
|
260
260
|
ウィンドウ幅を縮小したりすると揃う。
|
261
261
|
などです。
|
262
262
|
|