Использование автоматической маржи в css, но вам нужен минимальный запас

Я проверил использование процентного поля в CSS, но нужно минимальное значение в пикселях? , Это было как реализовать минимальный запас при использовании процента. Но я использую

width:80%;
margin:5px auto;

Как установить минимальный запас на левой стороне. я использовал автоматическую маржу в соответствии с уменьшением пространства при изменении размера окна браузера

благодаря

Ответ 1

Если бы я увидел ваш код и вопрос, вы можете написать вот так:

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

Проверьте это для более http://jsfiddle.net/spVNu/1/

Ответ 2

Для выполнения этой задачи может потребоваться еще один div. Я буду ссылаться на div, о котором вы говорите, как div #content. Я знаю, что у вас будет немного больше css. Это только мой пример рассматриваемой границы. Затем мы добавим div #content в div, который мы будем называть #container. Мы также установим маржи в auto в этом div. Добавленный аспект будет заключаться в том, что мы добавим дополнение (справа и слева) в div #container.

#content {
    margin: auto;
}

#container {
    padding-right: 5px;
    padding-left: 5px;
}

Я думаю, что это достигнет того, что вы ищете. Имейте в виду минимальную ширину для div #content, и она может работать хорошо.

Ответ 3

Я немного опоздал, но вот ответ. Не забывайте, что вы можете стилизовать HTML-элемент!

html {
  padding: 20pt;
}

body {
  margin: auto;
}

Это!

Ответ 4

вы можете использовать margin-left:#px или

margin:5px auto #px #px; 

последний #px для левой; его полюс: TOPpx Rightpx Bottompx Leftpx

Ответ 5

Это мои выводы - это не значит, что это ответ, и, конечно же, не является исчерпывающим - это мои заметки о преследовании аналогичной проблемы. (N: B Вероятно, не выражено в строго правильных технических терминах, но, надеюсь, вы получите основное значение)

Меморандум о помощи - для преследования непредвиденных проблем с позиционированием.

плавающие или абсолютно позиционированные или позиционированные фиксированные элементы с автоматической усадкой ширины до размеров содержимого.

Всегда указывайте ширину и высоту для плавающего элемента - это позволяет избежать путаницы.

Независимо от расположения высоты элемента = высота содержимого, если высота не указана.

Помните о сворачивании полей при попытке использовать автоматическую вертикальную маржу. Если явно контролируемые касательные вертикальные поля не будут разрушаться друг с другом.

При использовании автоматического автографа, если не установлен элемент блока css display: block; и независимо от того, всегда обеспечивайте ширину <100% контейнера.

Остерегайтесь IE8 и более ранней версии, не совместимой с стандартами (например, включенные дополнения и границы в ширину, а не дополнительные) - разрешение всегда использует html 5 doctype... <!DOCTYPE html>

Из вашего описания проблемы - я предполагаю, что проблема, с которой вы сталкиваетесь, связана с отношением между элементом и контейнером - в чем я столкнулся. jsfiddle.net - отличное место для игры с такими вещами.