Как растянуть a по высоте li?

Question

[AlexMark]

Собственно, делаю шапку как у themeforces.com/demo/newsup-html/index.html,
выравнял паддингами li по центру, а как задать, чтобы ссылка занимала всю область li родительского?

Comments

[Zhainar]

там и посмотрите

[devstudent]

сделать ссылке ей дисплей блок, ширина = 100%, паддинги поставить же ссылке, у li убрать их

[AlexMark]

devstudent: благодарствую

[AlexMark]

devstudent: напишите внизу, чтобы отметил решением

[AlexMark]

devstudent: и если не тяжело по минимуму на пальцах, как это работает

[Дима Паутов]

А где ваш код?

[devstudent]

AlexMark: если уже разобрались - хорошо, если нет, то : Допустим, ссылка - это "жидкость" а элемент - сосуд для этой жи...

Answer 1

[Максим]

codepen.io/Geyan/pen/amGVXE?editors=110 вот так
как видно : что li имеет размер , который может быть как в % так и в pixel, и <a href=""></a> имеет свойство display:block; width:100%; height:100%; а прозрачность дал для того что бы видеть что ли красный и что тег а занимает всё пространство

Answer 2

[dom1n1k]

В зависимости от обстоятельств и личных предпочтений, может быть несколько решений.
1. line-height
2. inline-block + height: 100%
3. position: absolute + размеры 100%
4. table-cell + vertical-align
5. flexbox
6. Сделать наизнанку: не чтобы a растягивалась по размерам li, а наоборот, чтобы li растягивался по размеру a.

Answer 3

[AlexMark]

Zhainar: