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

12 3
Dmitriy_2014
На сайте с 01.07.2014
Offline
126
208

Всем привет!

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

Заранее всем спасибо за ответы!
Lazy Badger
На сайте с 14.06.2017
Offline
189
#1
Dmitriy_2014 :

Всем привет!

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

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

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

Производство жести методом непрерывного отжига
M
На сайте с 20.03.2020
Online
16
#2
Dmitriy_2014 :

Всем привет!

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

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

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

and2005
На сайте с 21.05.2005
Offline
131
#3
Такое сейчас сплошь и рядом используется из-за адаптивности сайтов. Прописывается в нужном варианте display: none, а еще в начале описания стилей обычно перечисляют  элементы, в том числе div, и прописывают им margin: 0; padding: 0
Lazy Badger
На сайте с 14.06.2017
Offline
189
#4
mirkat #:
Если в <DIV> ничего нет, то простите, какого лешего они делают у вас на сайте и корявят код?

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

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

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

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

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

√ SEO консалтинг (/ru/forum/992763), маркетинговые изыскания, поиск новых точек роста. Опыт работы более 10 лет (http://akazansky.ru). В ТОП выдачи без предоплат (/ru/forum/comment/15807404) и оплатой за результат! Связь (http://akazansky.ru/snachala-rezultat-potom-oplata).
Dmitriy_2014
На сайте с 01.07.2014
Offline
126
#6

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

Да есть свойства у Браузера по дефолту, и они могут как бы наследоваться, тут я точно не разбираюсь, но кроме display: block вроде и ничего и нету по умолчанию… Это очень странно, когда пустые по сути не используемые блоки сдвигают верстку.
anthony_
На сайте с 12.04.2007
Offline
257
#7
Dmitriy_2014 #:
Я просто всегда думал, что если у div’а нету свойств, то он как пустышка, его как бы и нет и он не на что не влияет, но теперь у меня сомнения в этом…

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

M
На сайте с 20.03.2020
Online
16
#8
Lazy Badger #:
А ты, смишной! В div может не быть ничего, а он, тем не менее, "причинять пользу": Вот я пользую

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

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

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

D.iK.iJ
На сайте с 26.05.2013
Offline
179
#9

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

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

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
SeVlad
На сайте с 03.11.2008
Online
1398
#10
D.iK.iJ #:
А див вообще можно (грубо говоря) использовать вместо <br>
А бр наоборот? ;)
Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Топики помощи с ⓌordPress (https://searchengines.guru/ru/forum/1032910 ) и основы безопасности сайтов ( https://searchengines.guru/ru/forum/774117 ). *** Помощь\консультации в топиках форума - БЕСПЛАТНО. Платные услуги ( https://wp.me/P3YHjQ-3 ) - с бюджетом от 150$ ***
12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий