Что-то вроде поля или отступа, кроме тех случаев, когда фон не рисуется - PullRequest
Новая
       15

Что-то вроде поля или отступа, кроме тех случаев, когда фон не рисуется

0 голосов
/ 17 мая 2011

Есть ли что-то, что будет делать то, что делает margin, но без фонового рисунка в этой области?Например, когда вы даете элементу margin: 1em, вы получаете 1em границу пустого пространства вокруг элемента, но фон рисуется в этой области.Есть ли что-то похожее на это, кроме случаев, когда фон не прорисовывается?

Моя проблема в том, что я пытаюсь поставить что-то ниже трех float: left ed div s, и сейчас я не могу получить какой-либоинтервал между этим и float ed div над ним.Они просто упираются друг в друга.

div, который идет ниже float: left ed div s, имеет свойство clear: both.Если бы было что-то, из-за чего div имелось пространство между ним и float ed div над ним, это тоже сработало бы.

Ответы [ 5 ]

1 голос
/ 17 мая 2011

Может быть, этот пример поможет объяснить (и решить) вашу проблему? 

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8" />

    <style>
        * { margin: 0; padding: 0; }
        h1, p { background-color: #eee; margin: 10px 0; }
        div { background-color: pink; float: left; width: 100px; height: 100px; margin-right: 1px; }
        br { clear: both; display: block; }
    </style>
</head>

<body>

<h1>Hello, World!</h1>

<div></div>
<div></div>
<div></div>

<br />

<p>Lorem ipsum dolor set amit...</p>

</body>
</html>
1 голос
/ 17 мая 2011

Возможно, вы ищете: 

border: 4px white; /* replace with your color */
1 голос
/ 17 мая 2011

Для плавающих элементов поле вокруг элементов рядом с ними игнорируется.Я думаю, вам придется создать дополнительный элемент между плавающим элементом и элементом, который вы хотите.

1 голос
/ 17 мая 2011

Поля должны быть прозрачными.Я думаю, что вы видите здесь рушится поля.Попробуйте поставить 1px рамку вокруг ваших div'ов и посмотрите, что получится.

Ознакомьтесь со спецификацией CSS 2.1:

http://www.w3.org/TR/CSS21/box.html#collapsing-margins

0 голосов
/ 17 мая 2011

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

http://socialstreams.co/41/CSS_MarginBorder_Hack

...