掲題の通り、ネガティブマージン方をいまでも駆使しているという方はいるのか、方法としてありなのかという質問です。
横幅1000pxのul内に、floatで4カラムのliを設置します。
それぞれのリストの横幅は200pxでmargin-leftを50pxとります。
このままだと幅が足りず、最後のリストがカラム落ちしてしまうので、
first-childなどで最初のmargin-leftを0にして収めます。
上記以外にもやり方は多々ありますが、その中でも親要素に対してはみ出た分ネガティブマージンを指定する方法があると思います。
ul{ width: 1000px; margin-left: -50px; } li{ float: left; width: 200px; margin-left: 50px; }
個人的にこの方法は今ほどCSSが充実していなかった昔のやり方で、今の時代にはそぐわない設計だと思っています。
ただ今やっている作業のデザイン上、運用を考慮すると、ネガティブマージンを使用した方法が記述的にスッキリする場面に直面しており、
方法としては間違いではないと思いますが、やってもいいものなのか悩んでいます。
助言をお願いいたします。
ちなみに設計対象ブラウザは以下です。
IE10
他は、ほぼ最新
回答2件
あなたの回答
tips
プレビュー