webpagemaker https://blog.hatena.ne.jp/webpagemaker/ 96's blog https://96s.hatenablog.com/ CSS positionが使われる場面 自由に位置指定できるので、ワンポイント的に使う。 実際のサイトでは、重要な項目に対して要チェックマークを重ねて使うなど。 紙媒体的な使い方。 CSSの記述 リセットのために記述するtext-algn:center;は、IE6対策。IE6では、#containerのmargin: 0 autoのautoが対応していない。 htmlでdiv align="center"を設定しているケースがあるが、CSSで書くべき内容なので禁止。 記述するときは、まず要素を書き出して後から中身を設定する。 指定のしかた positionを指定する要素 position: absol… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F96s.hatenablog.com%2Fentry%2F20130717%2F1373986800_1" title="CSS07（positionを使ったレイアウト） - 96&#39;s blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2013-07-17 00:00:00 rich https://96s.hatenablog.com/entry/20130717/1373986800_1 1.0 100%