Articles of margin

Margin-top / bottom не работает с маркой-левым / правым в образце

Я новичок в HTML и CSS. Я пробовал код ниже Center «Div2» находится в центре по горизонтали. Затем я меняю ширину на высоту & margin-left / right на margin-top / bottom. (код ниже) Center Как я и ожидал, он не центрирован по вертикали. Любой может помочь мне объяснить это, почему у них нет одинакового поведения? […]

Отрицательная левая маржа и таинственная разница в 4 пикселя

Я довольно долго царапаю голову и, наконец, решил обратиться за помощью. На самом деле у меня простая форма с двумя входами (поле + кнопка), и я хочу, чтобы кнопка переместилась над полем, обертывая форму, чтобы исправить ширину текстового поля + заполнение. Я использую margin-left: -31px на кнопке, которая задана шириной 27px. Вы можете попробовать его […]

Призрачная верхняя панель тела с плавающими диванами

Я написал следующий код и попытался разместить три левых поплавковых divs в отце, содержащих div. По какой-то причине тег тела, похоже, имеет верхний край призрак, который является свойством, не определенным в моем коде. Однако, если я удалю свойство margin-bottom для содержащего div или применил к нему стиль clearfix, верхнее поле не будет. Что вызывает верхний […]

Основной HTML / CSS – поведение полей и отображения

У меня есть основной вопрос относительно HTML / CSS и поведения полей из определенных элементов. Чтобы я понял, я создал эту скрипку: http://jsfiddle.net/5VA5h/ Видите ли, я применил какой-то «сброс» и добавил некоторые стили во все h1 . В первом примере margin от h1 применяется снаружи поля, а в #c , где h1 установлен, display: inline; […]

Как удалить пространство между div и верхней частью страницы?

Это, вероятно, было задано в миллион и один раз, но я был бы признателен, если бы кто-то объяснил мне поведение divs. У меня есть контейнер div, который я выравниваю в центре страницы, у которого есть разрыв между верхней и верхней частью страницы. Я хочу, чтобы он был на одном уровне с верхней частью страницы. Я […]

Заполнение таблицы не работает

У меня есть таблица, которая находится внутри родительского div, полного текстового текста и другого содержимого. У меня есть следующий CSS, который, похоже, не работает: table {width:100%; padding: 0 50px 0 50px;} Когда я использую поля вместо заполнения, он работает, но с шириной: 100%, используя поля, вскрывает все это из родительского div. Я думаю, я мог […]

CSS-маркер – маржа в теге pre code

Посмотрите на эту скрипку: Здесь То, что я ищу, – это способ удалить лишнее место сверху (одно между черным кружком 1 и верхним краем pre tag) в первом примере и сделать его похожим на второй В первом примере есть над ним лишнее пространство (кроме поля от сильных элементов), и я знаю, что его из-за дополнительной […]

Автоматическая разметка при увеличении ширины экрана

У меня есть список ( ), который я пытаюсь отобразить в виде сетки. Ячейки имеют фиксированную ширину (скажем, 100px): количество столбцов и строк зависит от разрешения экрана. Когда экран имеет большую ширину, имеется много столбцов, но несколько строк: ______________________________________________________________ | ___________ ___________ ___________ ___________ | | | | | | | | | | | […]

Корректировка крайнего края div внутри контейнера div подталкивает как внутренний div, так и контейнер div вниз от тела

Я чувствую, что это должно быть проблемой, когда я делаю что-то глупое, но я не могу понять. Вот демонстрационная страница, показывающая мою проблему. Источник страницы: demo body{ margin: 0px; padding: 0px; } #container{ height: 100%; background-color: black; } #logo{ margin: 25px auto auto auto; width: 360px; height: 45px; background-color: goldenrod; } logotext. Таким образом, чем […]

Как центрировать img внутри div

Я пытаюсь что-то, что должно быть довольно легко, но я не могу понять, как это сделать. У меня есть источник html: ` И некоторые css: .product { width: 460px; height: 460px; } .product img { margin: auto; display: block; } Мое изображение хорошо горизонтально, но не вертикально. Я пробовал с некоторой position: relative; / bottom: […]