Bir div'in kabının altına doğru kaymasını nasıl sağlarım?

Birçok kez float:right (veya left) kullanarak bir konteynerin üst kısmındaki görüntüleri ve iç kutuları yüzdürdüm. Son zamanlarda bir div'i başka bir div'in sağ alt köşesinde float ile elde ettiğiniz normal metin kaydırma ile yüzdürme ihtiyacı duydum (metin yalnızca yukarı ve sola sarılır).

Float'un alt değeri olmamasına rağmen bunun nispeten kolay olması gerektiğini düşündüm, ancak bir dizi teknik kullanarak bunu yapamadım ve web'de arama yapmak mutlak konumlandırma kullanmaktan başka bir şey bulamadı, ancak bu doğru kelime kaydırma davranışını vermiyor.

Bunun çok yaygın bir tasarım olacağını düşünmüştüm ama görünüşe göre değilmiş. Kimsenin bir önerisi yoksa, metnimi ayrı kutulara bölmem ve div'i manuel olarak hizalamam gerekecek, ancak bu oldukça tehlikeli ve buna ihtiyaç duyan her sayfada bunu yapmak zorunda kalmaktan nefret ediyorum.

EDIT: Buraya gelen herkes için bir not. Yukarıda mükerrer olarak linki verilen soru aslında mükerrer değildir. Metnin inset öğesinin etrafına sarılması gerekliliği onu tamamen farklı kılmaktadır. Aslında, burada en çok oy alan cevaba verilen yanıt, bağlantılı sorudaki yanıtın bu soruya yanıt olarak neden yanlış olduğunu açıkça ortaya koymaktadır. Her neyse, bu sorun için hala genel bir çözüm yok gibi görünüyor, ancak burada ve bağlantılı soruda yayınlanan çözümlerden bazıları belirli durumlar için işe yarayabilir.

Üst div'i position: relative olarak, ardından iç div'i ... olarak ayarlayın.

position: absolute; 
bottom: 0;

...ve işte böyle :)

Yorumlar (6)
Çözüm

Birkaç gün boyunca çeşitli tekniklerle uğraştıktan sonra bunun imkansız göründüğünü söylemek zorundayım. Javascript kullanarak bile (ki bunu yapmak istemiyorum) mümkün görünmüyor.

Anlamayanlar için açıklığa kavuşturmak gerekirse - aradığım şey şu: yayıncılıkta bir eklentiyi (resim, tablo, şekil, vb.), alt kısmı bir bloğun (veya sayfanın) son metin satırının alt kısmıyla aynı hizada olacak ve metin eklentinin etrafında doğal bir şekilde yukarı ve eklentinin sayfanın hangi tarafında olduğuna bağlı olarak sağa veya sola akacak şekilde düzenlemek oldukça yaygındır. Html/css'de float stilini kullanarak bir eklentinin üst kısmını bir bloğun üst kısmıyla aynı hizaya getirmek çok kolaydır, ancak yaygın bir düzen görevi olmasına rağmen metnin ve eklentinin alt kısmını aynı hizaya getirmek imkansız görünüyor.

Sanırım son dakikada bir önerisi olan yoksa bu öğenin tasarım hedeflerini yeniden gözden geçirmem gerekecek.

Yorumlar (4)

Div'i başka bir div'in içine yerleştirin ve üst div'in stilini position:relative; olarak ayarlayın, ardından alt div'de aşağıdaki CSS özelliklerini ayarlayın: position:absolute; bottom:0;

Yorumlar (2)