Net CSS özelliği, CSS1'den bu yana CSS'nin bir parçası olmuştur. Temizlenen elemanın yanında hangi öğelerin yüzebildiğini ve hangi tarafta olduğunu belirtebilmenizi sağlar. Net mülkün beş olası değeri vardır:
- Yok
- ayrıldı
- sağ
- her ikisi de
- miras almak
CSS açık özelliği nasıl kullanılır
Net mülkü kullanmanın en yaygın yolu, bir öğeye bir float özelliği kullandıktan sonradır. Örneğin:
Resmimin yanındaki metin.
Resmimin altındaki metin.
Tüm öğeler varsayılan olarak temizlenir: yok; Diğer öğelerin bir şeyin yanında yüzmesini istemiyorsanız, açık stili değiştirmelisiniz.
Şamandıraları temizlediğinizde, berraklığınıza net bir şekilde uyuyorsunuz. Öyleyse, öğeyi sola doğru kaydırdıysanız, sola doğru temizlemeniz gerekir. Süzülen elementiniz yüzmeye devam edecektir, ancak temizlenmiş eleman ve bundan sonraki her şey web sayfasında aşağıda görünecektir.
Hem sağa hem de sola kaydırılmış öğeleriniz varsa, yalnızca bir tarafı temizleyebilirsiniz veya her ikisini de temizleyebilirsiniz.
Layouts'ta net kullanma
Çoğu tasarımcının açık mülkü kullanmasının en yaygın yolu sayfa öğelerinin düzenindedir . Bir metin bloğu içinde yüzen bir görüntüye sahip olabilirsiniz ve bir sonraki paragrafın resmin altında başlamasını isteyebilirsiniz ya da aşağıda görünen bazı metinlerle başka bir metin grubunun yanında süzülmesini istediğiniz bir metin sütununa sahip olabilirsiniz.
İşte bu formdaki bir düzen için HTML.
Solda yüzer bir başkasını tutan bir div konteyner var.
Kısa bir kayan div
Konteyner div içindeki içerikler, yüzen divın sağında olacak.
Bu, ince div, ana div içeriğinin kalanının soluna kayan kısa ile işe yarayacaktır.
Kayan kutunun yanında yazı yazmaya başlamak istediğiniz yere bir etiket ekleyerek kayan kutunun yanındaki metni temizleyebilirsiniz.
Ancak sorun, süzülmüş kutu yanında bulunan içerikten daha uzun olduğunda ortaya çıkar. Sonra, görebildiğiniz gibi, ana kutunun arka plan rengi, yüzer kutunun altına taşınır.
Neyse ki, bunu düzeltmek için kolay bir yol var: özellik. Ana kutuyu taşacak şekilde ayarlayarak: auto; Arka plan rengi , bu örnekte gösterildiği gibi, daha uzun süzülmüş kutusunun en alt tarafında kalacak.