Bir var div
bazı çocuklarla:
<div class="content">
<h1>heading 1</h1>
<h2>heading 2</h2>
<p>Some more or less text</p>
<a href="/" class="button">Click me</a>
</div>
ve aşağıdaki düzeni istiyorum:
-------------------
|heading 1 |
|heading 2 |
|paragraph text |
|can have many |
|rows |
| |
| |
| |
|link-button |
-------------------
Ne kadar metin olursa olsun p
, .button
her zaman alttan akıştan çıkarmadan yapıştırmak istiyorum . Bunun Flexbox ile elde edilebileceğini duydum ama çalışamıyorum.
position:relative
- bu aptalca çünkü varsayılan olarak göreceli ama çocuğun mutlak konumunun içerilmesi için SET'i ayarladınız . Sonra bottom:0
floş sığacak.
static
değil relative
.
postition: absolute; bottom 0;
?