emj1025 https://blog.hatena.ne.jp/emj1025/ emuramemo https://www.emuramemo.com/ HTML・CSS webデザイン デザインがあがってきたけどフロートコンテンツがコンテンツ幅ぴったりになってるけどどうするの？って経験、あると思います。 こんな感じ。コンテンツ幅がかつかつだとmargin入らないんですけど…って状態です。こんなときはネガティブマージンを使って回避する事ができます。 ソース この構成が以下のようになっているとします。 html <div class="contents"> <h1>見出し</h1> <ul class="float_list"> <li>画像</li> <li>画像</li> <li>画像</li> </ul> </div> css .contents { margin: 0 a… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.emuramemo.com%2Fentry%2F2013%2F12%2F25%2F161702" title="【css】フロートする時にコンテンツ幅を左右ぴったり横並びにする方法 - emuramemo" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/e/emj1025/20131225/20131225161334.gif Hatena Blog https://hatena.blog 2013-12-25 16:17:02 rich https://www.emuramemo.com/entry/2013/12/25/161702 1.0 100%