Jump to content
  • 0

<a> не хочет заполнять собой родительский div


rdva
 Share

Question

Вот тут ссылка только под белым текстом, а вот тут ссылка и под красным фоном и под белым текстом. Вопрос: почему в первом случае <a> не заполняет собой пространство родительского div'a? Во втором заполняет. Полагаю, дело в display, но логику понять не могу. Объясните плз?

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0
Вот тут ссылка только под белым текстом, а вот тут ссылка и под красным фоном и под белым текстом. Вопрос: почему в первом случае <a> не заполняет собой пространство родительского div'a? Во втором заполняет. Полагаю, дело в display, но логику понять не могу. Объясните плз?

Потому что <a> в одном случае имеет display: inline, а во втором display:table-cell.

Почитайте про свойство display для начала.

Link to comment
Share on other sites

  • 0
Цитата(s0rr0w @ 23.9.2009, 20:53)

Потому что <a> в одном случае имеет display: inline, а во втором display:table-cell.

Почитайте про свойство display для начала.

где вы увидели display:inline?

rdva, поскольку в первом примере у тега <a> свойство display не прописано, оно по умолчанию display:inline.

s0rr0w вам не зря ссылку на display дал, но похоже вы статью не читали.

Link to comment
Share on other sites

  • 0
rdva, поскольку в первом примере у тега <a> свойство display не прописано, оно по умолчанию display:inline.

s0rr0w вам не зря ссылку на display дал, но похоже вы статью не читали.

Каюсь, "значение по умолчанию inline" я не заметил. Прменение display:block действительно растягивает <a> по всему диву.

Но какая связь между display и родительским дивом с сидящим в нем <a>? Display: inline /block определяет "перенос строк в начале и в конце содержимого". Один единственный элемент сидит в Div, больше просто некому заполнять оставшееся пространство. Что есть перенос строки, что нету.

Link to comment
Share on other sites

  • 0
Каюсь, "значение по умолчанию inline" я не заметил. Прменение display:block действительно растягивает <a> по всему диву.

Но какая связь между display и родительским дивом с сидящим в нем <a>? Display: inline /block определяет "перенос строк в начале и в конце содержимого". Один единственный элемент сидит в Div, больше просто некому заполнять оставшееся пространство. Что есть перенос строки, что нету.

Учите матчасть. Особенно чем отличаются строчные элементы от блочных.

Link to comment
Share on other sites

  • 0
Учите матчасть. Особенно чем отличаются строчные элементы от блочных.

Вообще-то тема называется "вопросы для начинающих". Создана, чтобы с понтом отсылать начинающих к документации?

Link to comment
Share on other sites

  • 0
Вообще-то тема называется "вопросы для начинающих". Создана, чтобы с понтом отсылать начинающих к документации?

Лично я учил все по документации и самостоятельно. Преподавать примитив для ленивых учеников у меня желания нет даже за деньги.

Не ленитесь, и изучите внимательно приведенную мной ссылку. Наберите в инете поисковый запрос "HTML блочные и строчные элементы". Самосовершенствуйтесь.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy