2010-01-13 17 views
11

Div içindeki her öğe için sağa doğru nasıl ayarlanır?Bir div içindeki her element için float nasıl ayarlanır?

Yalnızca ana DIV'ye değil iç elemanlara yüzer vermek istiyorum?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<title>Sandbox</title> 
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
<style type="text/css" media="screen"> 
body { background-color: #000; font: 16px Helvetica, Arial; color: #fff; } 
div {border:2px solid red;height:50px} 
a {border:2px solid blue;margin:10px} 
</style> 
</head> 
<body> 

<div> 
<a>Hello from JS Bin</a> 
    <a>from JS Bin</a> 
    </div> 
</body> 
</html> 

cevap

14

Sen örnekte bu yüzden, * seçici kullanılarak bir elementin tüm çocukları hedefleyebilir, eklemek olabilir: Bu, tüm çocukları ve onların çocukları şamandıra olacağını

div * { float: right; } 

Not eğer öyleyse sen , >direct descendant selector isn't supported in older versions of IE (ve pos Ancak

div > * { float: right; } 

: Eğer bu durumda muhtemelen istiyorum istediğini muhtemelen değil iç içe içeriğe sahip sessizce diğer tarayıcılar?).

div *{ float: right; } 
div * *{ float: none; } 

Bu hak, daha sonra her şeyin çocuklar hiçbiri sıfırlanır şeyi yüzer: Alconja itibaren ardından

10

aşağıda soyundan seçici sorunu yuvarlak almanın iyi bir yoludur.

+1

+1 Güzel hile, bunu düşünmedim bile. – Alconja

İlgili konular