Вопрос:

HTML граница не влияет на float

html css html5 css3

46 просмотра

1 ответ

70 Репутация автора

Так что это одна из моих строк CSS3:

body{
    width: 1500px;
    border: 2px solid black;
    text-align: left;
    margin: 20px auto;
}

Тем не менее, у меня есть статья в HTML, и когда я пишу float: left в моем CSS-файле, граница, которая должна покрывать ее, останавливается прямо перед началом статьи, вверху.

Кто-нибудь может мне помочь с этим вопросом? Я хочу, чтобы граница окружала все.

Автор: Code123 Источник Размещён: 22.08.2016 08:30

Ответы (1)


0 плюса

331 Репутация автора

Вот фрагмент кода, который я использую. Добавьте это к вершине вашей CSS.

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

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

Поэтому, когда вы перемещаете элементы влево, родительский элемент div может рухнуть. Чтобы исправить это, мы добавляем clearfix к родителю.

Честно говоря, вы должны опубликовать больше своего кода, чтобы мы могли видеть, что на самом деле происходит, но, скорее всего, это решит вашу проблему.

Добавьте класс clearfix в ваш родительский div (после добавления его в ваш css)

Что я имею в виду, это добавить его в любой элемент вашей статьи -

<div class ="clearfix">
    <article> information </article>
</div>

Я думаю, что на этот вопрос ответили так, вот так, вот один пост, который поможет: Как вы удерживаете родителей всплывающих элементов от разрушения?

Автор: wdfc Размещён: 22.08.2016 09:17
Вопросы из категории :
32x32