объяснение свойства div float - PullRequest
Новая
       7

объяснение свойства div float

0 голосов
/ 06 декабря 2018

Согласно www1 : «Свойство float может иметь одно из следующих значений: left - элемент плавает слева от его container», а также «В HTMLконтейнер - это область, заключенная в начальный и конечный теги. "( www2 )

В следующем коде (код в 1 ): 

.div1 {
  float: left;
  width: 100px;
  height: 50px;
  margin: 10px;
  border: 3px solid #73AD21;
}
.div2 {
  border: 1px solid red;
}
<body>
<h2>Without clear</h2>
<div class="div1">div1</div>
<div class="div2">div2 - Notice that div2 is after div1 in the HTML code. However, since div1 floats to the left, the text in div2 flows around div1.</div>
</body>

Вопросы:

  1. Является ли элемент body контейнером div1?
  2. Если это так, div1 плавать влево.И я думаю, это завершает функцию float.Почему текст в div2 обтекает div1?

1 Ответ

0 голосов
/ 06 декабря 2018

Итак, в вашем примере my отвечает на ваши вопросы:

  1. Да

  2. Подумайте о все свойств, которые вы присваиваете классу div1 - вы задали поле (таким образом, смещая текст в пределах div2 ), и «плаваете», чтоDiv слева.Теги div изначально не имеют свойств float: - при отсутствии таковых он ведет себя нативно - сохраняет свою позицию, занимая всю ширину своего контейнера.

Снимок экрана ниже предназначен для визуализации того, что я пытаюсь сказать выше в # 2

enter image description here

О, идиректива float: не является функцией - это стиль, применяемый к элементу в видимом DOM.Лично и в зависимости от того, что я пытаюсь сделать, я почти никогда не использую float в производстве, если смогу помочь.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...