ID:1cBurQ さんの質問

CSSでcontainerはwidth:980px;なのに、
その下のdivが{width: 1020px;margin: 0 -40px 0 0;}をする理由は何故なのでしょうか。

みんなの回答 3 件

ID:fSjqpY さんの回答

横にずらしたいからやろ

ID:2PU6eh さんの回答

内包する要素の右側にマージン40pxもたしてるんでしょ。
ネガティブマージンでうまく改行されるようにしてるんだと思うよ。
例えば、商品一覧があって、1行に4商品並ぶようにしたい場合、商品ごとにはマージンで余白を作る。しかしそのままだとマージンのせいで3商品しか並ばないので、それを回避するためネガティブマージンではみ出したマージンを相殺する。

ID:9X7bid さんの回答

レガシー仕様だから

最終更新日:2016-02-22 (1,394 views)

関連するトピックス

1 回答

divにクラスを与えてcssでbackgorund urlで画像を呼び出したいのですがエディターでは表示されるのですが、サーバーでは画像が表示されません。クラスにはwidth:100%; height... 1,592 views
2 回答

var dt1 = new Date(2014,11,1,0,0,0);var dt2 = new Date(2014,10,31,0,0,0);alert(dt1.getTime() + ’ ’ +... 1,789 views
4 回答

正規表現に関して例えば、"2014年10月11日00分20秒"という文字列があるとします。この文字列は常に変動します。これの"2014年10月11日"、つまり日付までを取得したい場合に正規表現で取得す... 1,783 views
22 回答

デザイナーの方ってなぜ小塚ゴシックを使ってデザインを作成してくるんでしょうか？？小塚ゴシックってWebフォントとか使わないかぎりブラウザで表示できないですよね？なぜメイリオやヒラギノなど、デフォルトの... 19,349 views
2 回答

PSでカンプを作るときにPCって横幅いくつで作っています？1920で作っていたんですが、1400とかでも良い気がしてきたのです。 1,924 views
1 回答

border-radiusで、画像四隅をCSSで角丸にすると、画像右側のみ1pxかすれて表示されてしまうのですが、なにか癖があるのでしょうか？safari8で発生します。border-radius: ... 4,228 views
1 回答

レスポンシブサイトを作成していてCSSに下記の記述をしました。div#mainImgBack { width:100%; height:380px; padding-top:30px; backgro... 2,943 views
2 回答

phpの配列の引数に、パラメーターを追加するようなことは可能でしょうか？下のpictureに【type=large】を付与したいイメージです。$data[$key][’picture’]よろしくお願い... 2,106 views
13 回答

10年後、何をしていると思いますか？ 2,133 views

CSSでcontainerはwidth:980px;なのに、その下のdivが{width: 1020px;margin: 0 -40px 0 0;}をする理由は何故なのでしょうか。

みんなの回答 3 件

横にずらしたいからやろ

レガシー仕様だから

関連するトピックス

CSSでcontainerはwidth:980px;なのに、
その下のdivが{width: 1020px;margin: 0 -40px 0 0;}をする理由は何故なのでしょうか。