Şu anki mizanpaj mantığında takip etmeniz çok zor olacaktır.
Neden? Çünkü, ilk satırdaki floats
, birbirinin yanına hizalanmış olduğu için, üst satırdaki bir kutu :hover
'da genişlediğinde, alt satırdaki float
s, bir tanesine göre yeniden konumlandırılacaktır. İşte
Ben senin fikrin elde etme konusunda gitmek gibi olacaktır:
display: inline-block;
gibi bir şey kullanmak, float
ING kullanmayın.
- Anlamsal
article
sarıcılarınız, inline-block;
kullanırken sorunlara neden oluyor. Onlardan kurtulun (oops, SEO dostu olmayabilir), ya da "kutularını" şekillendirirken overflow: hidden;
'a güvenmediğinizden emin olun.
Üzgünüm Daha fazla yardım edemedim!
sen gönderir misiniz şamandıra yolu kullanarak, içeriği görüntülemek için
<div>
diğer işlemYa olabilir diğer yolda etkilenme yapmıyor yardımcı olacaktır minimal ([SSCCE] (http://sscce.org)) [JS Fiddle] 'daki demo (http://jsfiddle.net/), [JS Bin] (http://jsbin.com) veya benzerleri? Bu şekilde kendimizi bir demo oluşturmak zorunda kalmadan probleminizi çözmek için CSS'nizi ayarlamanız daha kolay olur. –