wataru-webdesign https://blog.hatena.ne.jp/wataru-webdesign/ Web Designer’s Road　Blog https://wataru-webdesign.hatenadiary.org/ 作業時間 160分 思ったよりも手間取ってしまいました。imgと文章が並んでるところで、float:left;で組むべきか、 marginで組むべきか、positionで組むべきかを試行錯誤してしまいました。 float:left;はレイアウトの崩れが発生したので却下。(画像と文章合わせてwidthを100%にしても、marginを設定した途端に潜り込んでしまう。) marginも意味の分からないレイアウトの崩れが発生したので却下。 結局position:absolute;に落ち着きました。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwataru-webdesign.hatenadiary.org%2Fentry%2F20090304%2Fp1" title="完成させられませんでした。。。 - Web Designer’s Road　Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/w/wataru-webdesign/20090305/20090305020001.jpg Hatena Blog https://hatena.blog 2009-03-04 00:00:00 rich https://wataru-webdesign.hatenadiary.org/entry/20090304/p1 1.0 100%