Могут ли пустые блоки DIV не имеющие свойств влиять на разметку?


Dmitriy_2014
226

Всем привет!

Как вы думаете могут ли пустые блоки <DIV> даже могут быть с классами или ID, но не имеющие никаких свойств и значений в таблице стилей, незначительно влиять на разметку и представление документа сдвигая что-то куда-то на пару пикселов? Просто из-за самого факта присутствия в структуре документа?

Заранее всем спасибо за ответы!


Lazy Badger

Dmitriy_2014 :

Всем привет!

Как вы думаете могут ли пустые блоки <DIV> даже могут быть с классами или ID, но не имеющие никаких свойств и значений в таблице стилей, незначительно влиять на разметку

Тут не «думать» надо, а знать матчасть. И читать код: у div как объекта могут быть marginы|paddingи|borderы и все такое, что может влиять на результирующую разметку, а еще есть такая неприятность, как «user agent stylesheet».

Посему общая рекомендация всегда — «не срать в коде бездумно»


mirkat

Dmitriy_2014 :

Всем привет!

Как вы думаете могут ли пустые блоки <DIV> даже могут быть с классами или ID, но не имеющие никаких свойств и значений в таблице стилей, незначительно влиять на разметку и представление документа сдвигая что-то куда-то на пару пикселов? Просто из-за самого факта присутствия в структуре документа?

Заранее всем спасибо за ответы!

Не нужно относиться к <DIV> как к бессмысленному тегу. Браузер понимает его как блок, в котором должны находиться стилизованные элементы. Если в <DIV> ничего нет, то простите, какого лешего они делают у вас на сайте и корявят код?


and2005

Такое сейчас сплошь и рядом используется из-за адаптивности сайтов. Прописывается в нужном варианте display: none, а еще в начале описания стилей обычно перечисляют  элементы, в том числе div, и прописывают им margin: 0; padding: 0


Lazy Badger

mirkat #:
Если в <DIV> ничего нет, то простите, какого лешего они делают у вас на сайте и корявят код?

А ты, смишной! В div может не быть ничего, а он, тем не менее, «причинять пользу»: Вот я пользую 

<div class="stamp <additional type class here>"></div>

регулярно, и получаю на странице то, что мне нужно, без загромождения кода шаблона. «Корявят», OMFG! Руськей езыг неродной? Так учи!!!


Антоний Казанский

Dmitriy_2014 :
Как вы думаете могут ли пустые блоки <DIV> даже могут быть с классами или ID, но не имеющие никаких свойств и значений в таблице стилей, незначительно влиять на разметку и представление документа сдвигая что-то куда-то на пару пикселов?

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


Dmitriy_2014

Я просто всегда думал, что если у div’а нету свойств, то он как пустышка, его как бы и нет и он не на что не влияет, но теперь у меня сомнения в этом… Хотя странно не отступов ничего ни свойств как он может влиять на отображения и сдвигать чутка другой объект…

Да есть свойства у Браузера по дефолту, и они могут как бы наследоваться, тут я точно не разбираюсь, но кроме display: block вроде и ничего и нету по умолчанию… Это очень странно, когда пустые по сути не используемые блоки сдвигают верстку.


Антоний Казанский

Dmitriy_2014 #:
Я просто всегда думал, что если у div’а нету свойств, то он как пустышка, его как бы и нет и он не на что не влияет, но теперь у меня сомнения в этом…

Это не так. DIV — это не умозрительная абстракция, div — это элемент, даже при отсутствии заданных типовых свойств или принудительном обнулении его свойств, есть свойства взаимодействия между элементами, в разных браузерах следствия этих взаимодействий могут иметь неодинаковый результат. 


mirkat

Lazy Badger #:
А ты, смишной! В div может не быть ничего, а он, тем не менее, «причинять пользу»: Вот я пользую

Да что ты говоришь)))

<div class="stamp <additional type class here>"></div>

И ты хочешь сказать он у тебя тут просто так стоит? Деточка, поменяй трусики и не лезь со своим бредом. Куда уж мне со своим русским, когда такой уникум как ты слово «смешной» пишет через «и»🤣 


D.iK.iJ

Ну, допустим, между инлайн-блоками  браузер создаёт пустой текстовый узел (переводом строки, пробелом или таб) и он влияет на верстку.

А див вообще можно (грубо говоря) использовать вместо <br>. И на что-то это влиять может. А на что-то — нет. 🙂


SeVlad

D.iK.iJ #:
А див вообще можно (грубо говоря) использовать вместо <br>

А бр наоборот? 😉

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *