2010-11-06 28 views
8

alt textNasıl, dikdörtgen div CSS

olan bir kutu alt sınırını kaldırmak için ben bunu nasıl benim div uzunluğu C-D ihmal istiyorum have.I biri gibi ?.

Düzenleme: - Eğer üst puan verecek CSS'deki ve sol ve sonra genişlik ve yükseklik - İşte Sen kutu modelini yanlış görünüyor benim css

#index-03 { 
    position:absolute; 
    border: .1px solid #900; 
    border-width: .1px; 
    border-style: solid; 
    border-color: #900; 
    left:0px; 
    top:102px; 
    width:900px; 
    height:27px; 
+5

Ne demek istiyorsun? Nereden? Kodun nerede? – Oded

+0

Divamı 1px'lik bir kenarlık verdim. 1px kenarlığını C-D uzunluğuna bırakmak istiyorum. – Gandalf

+1

Sınır altını kullanmanız gerekir: yok. –

cevap

36

Sadece içeri ekleyin:. border-bottom: none;

#index-03 { 
    position:absolute; 
    border: .1px solid #900; 
    border-bottom: none; 
    left:0px; 
    top:102px; 
    width:900px; 
    height:27px; 
} 
+3

Okuyucular için ileride atıf yapmak gerekirse, [W3C spesifikasyonunda tanımlanan sınır özellikleri] (http://www.w3.org/TR/CSS2/box.html#border-properties) –

+1

Pro ipucu: Sipariş önemlidir. Eğer border-bottom: none; 'border'dan önce ayarlamaya çalışırsanız: .1px solid # 900;' o zaman işe yaramaz. –

+0

@LeviFuller Teşekkürler, bana çok zaman kazandırdın! – Germain

2

olan bunlar bir kutu için gerekli olduğunu hepsi kesin ölçümler ile yerleştirilmelidir.

width mülkü, C-D9 ürün nedir, ancak aynı zamanda A-B olduğunu. Eğer atlarsanız, div tanımlı bir genişliğe sahip olmaz ve genişlik içeriği tarafından tanımlanır.

alttan sadece bu tarz kaldırmak için CSS bir border-bottom-style: none; ekle

+0

Bir dakikanız varsa, yahoo.com'a bir göz atmanızı rica ediyorum, oradaki 'MARKETPLACE' div.Aşağıdakileri bulacaksınız. – Gandalf

+0

Sadece sağlam bir kenarlığı olan bir DIV. Bu DIV aynı zamanda üç DIV'ye de bir konteynırdır. –

1

Sadece Ardından otomatik genişliği ayarlayabilirsiniz:


Güncellemesi (soru üzerine yorumlarınızı aşağıdaki.. hiçbir içeriğe sahip olup olmadığını div genişliği 0 eşit olur

width:auto;