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

12 3
Dmitriy_2014
На сайте с 01.07.2014
Offline
276
265

Всем привет!

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

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

Всем привет!

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

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

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

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

Всем привет!

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

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

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

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

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

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

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

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

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

√ SEO продвижение https://akazansky.ru - экспертный аудит сайтов ( https://akazansky.ru/audit-sajtov ), внедрение эффективных решений цифрового маркетинга. Обучение автоматизации с помощью Zennoposter https://goo-gl.me/6Zypu
Dmitriy_2014
На сайте с 01.07.2014
Offline
276
#6

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

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

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

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

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

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

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

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

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

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

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
SeVlad
На сайте с 03.11.2008
Offline
1609
#10
D.iK.iJ #:
А див вообще можно (грубо говоря) использовать вместо <br>
А бр наоборот? ;)
Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
12 3

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