質問: HTML5 &css3を勉強しています。下のコードにmargin-left: -200px;が出てくるのですが意味を教えてください。 あと左のサイドバーside1がfloat:right;になっているのはなぜでしょうか。 デザインは左にサイドバー、右にsectionの中のmain画面ひょうじになっています。 sectionでmain画面は右にfloatするのはわかります。 main画面には左に200pxの空白をとっているのもわかっています。 ``` Herb Kitchen Herb Kitchen News Food Drink Goods Column オリジナルレシピ ハーブを使ったカンタンで美味しいオリジナル料理のレシピをご紹介します。ハーブを使ったカンタンで美味しいオリジナル料理のレシピをご紹介します。 タコのカルパッチョ ハーブは西洋料理で使われるものばかりではありません。葱やショウガ、ミョウガなど和食でおなじみの薬味も立派なハーブです。ハーブは西洋料理で使われるものばかりではありません。ハーブは西洋料理で使われるものばかりではありません。 葱やショウガ、ミョウガなど和食でおなじみの薬味も立派なハーブです。ハーブは西洋料理で使われるものばかりではありません。葱やショウガ、ミョウガなど和食でおなじみの薬味も立派なハーブです。ハーブは西洋料理で使われるものばかりではありません。 しらすのペペロンチーノ ハーブは西洋料理で使われるものばかりではありません。葱やショウガ、ミョウガなど和食でおなじみの薬味も立派なハーブです。ハーブは西洋料理で使われるものばかりではありません。葱やショウガ、ミョウガなど和食でおなじみの薬味も立派なハーブです。 葱やショウガ、ミョウガなど和食でおなじみの薬味も立派なハーブです。ハーブは西洋料理で使われるものばかりではありません。葱やショウガ、ミョウガなど和食でおなじみの薬味も立派なハーブです。 最新記事 バジルに虫がついたら 風邪に効くハーブ ハーブフェア開催! ローズヒップティー 人気レシピ しらすのペペロンチーノ ハーブピザ 夏野菜のジェノベーゼ タコのカルパッチョ エスニックサラダ 人気商品 イタリアンハーブmix オーガニックミント 電動グラインダー フレッシュハーブセット エスニックmix 今週のお勧め カモミールティー バジルペースト ハーブ入りアイマスク ラベンダーオイル ドライローズマリー Copy Right Herb Kitchen Co.,Ltd. Since 2004 //css/css.15-3-3m @charset "utf-8"; /*タブレット用CSS*/ @import url("base.css"); .header , .nav { padding:0 10px; } .section { float:right; margin-left:-200px; width:100%; } .main { margin-left:200px; padding-left:10px; padding-right:10px; } .side1 { float:right; width:180px; padding-left:10px; padding-right:10px; } /* マージンには負の値を指定することもできます。 マージンに負の値を指定することで、 複数の領域を重ねて表示させることが可能ですが、重なり順や重ね位置が ブラウザによって異なるため、注意が必要です。 */ ```
回答: 左に200px引っ張っています。 「ネガティブマージン」でググってみてください。 HTMLやキャプチャなどあったほうが、一応もっと具体的に答えられるかと思いますが。