html - css で自動マージンを使用しているが、最小マージンが必要

Question

チェックしてた CSS でパーセンテージマージンを使用しているが、ピクセル単位の最小マージンが必要ですか? . パーセンテージを使用するときに最小マージンを実装する方法がありました。しかし、私は使用しています

width:80%;
margin:5px auto;

ありがとう

score 14 · Accepted Answer

少し遅くなりましたが、ここに答えがあります。HTML 要素のスタイルを設定できることを忘れないでください。

html {
  padding: 20pt;
}

body {
  margin: auto;
}

それでおしまい！

score 0 · Accepted Answer

これらは私の発見です-これは答えを意味するものではなく、確かに包括的ではありません-これらは同様の問題を追いかけることからの私のメモです。（N：Bおそらく厳密に正しい技術用語で表現されていませんが、主な意味がわかることを願っています）

私の援助メモ-予期しないポジショニングの問題を追いかけるために。

フロートまたは絶対配置、または固定要素を配置し、幅をコンテンツの寸法に自動縮小します。

フロート要素の幅と高さを常に指定してください。これにより、混乱を避けることができます。

要素の高さの配置に関係なく、高さが指定されていない場合はコンテンツの高さ。

マージン自動垂直を使用しようとするときは、マージンの折りたたみに注意してください。明示的に制御されていない限り、垂直方向のマージンに触れると互いに崩壊します。

マージン自動水平を使用する場合は、ブロック要素が設定されていない場合はcss display：block;を確認してください。それに関係なく、常に幅がコンテナの100％未満であることを確認してください。

IE8およびそれ以前の非標準準拠のボックスモデルに注意してください（つまり、幅に追加するのではなく、幅にパディングと境界線が含まれています）-解像度は常にhtml5doctypeを使用します...<!DOCTYPE html>

問題の説明から-あなたが抱えている問題は、要素とそのコンテナとの関係にあると推測しています-これが私が遭遇した問題でした。jsfiddle.netは、この種のもので遊ぶのに最適な場所です。

score 0 · Accepted Answer

margin-left:#pxまたは使用できます

margin:5px auto #px #px;

最後の #px は左用です。そのようなマージン：TOPpx Rightpx Bottompx Leftpx

score -2 · Accepted Answer

あなたのコードと質問を見た場合、次のように書くことができます：

div{
 margin:5px 10% 5px 5%;
}

詳細については、これを確認してくださいhttp://jsfiddle.net/spVNu/1/

8 に答える 8