2015-08-24 16 views
6

Genişlik ve dolgu-sol ile div seçeneğine koyduğumda seçeneklerimin sağında kenarlık yok. Dahası, yalnızca seçimin genişliği 118px ve üstte 15px dolgu kalıyorsa gerçekleşir! Birisi fikri var, neler oluyor?Eksik sınır-sağ seçim Firefox'ta seçiliyor

Benim basitçe kod:

<!DOCTYPE html> 
<html> 
<head lang="en"> 
</head> 
<body> 
<div style="width: 1000px; padding-left: 15px;"> 
    <select style="width: 118px;"> 
     <option>a</option> 
     <option>b</option> 
     <option>c</option> 
    </select> 
</div> 
</body> 
</html> 

Ve sonuç: Bu sadece Windows'ta firefox happend click

: Burada

enter image description here

bir plunker olduğunu. Ben 40.0.2 sürümünde üzerinde test

+3

Bana iyi görünüyor. Firefox’ta Win7’de v. 40.0.2. Senin plunker bağlantını kullandım. – DavidDomain

+0

Bana iyi görünüyor. Win 10. En Yeni Firefox'ta. –

+0

Belki ekran çözünürlüğüne bağlıdır? 1600x900'de bu problemim var. Tarayıcı penceresini yeniden boyutlandırdığımda, iyi görünüyor ... ancak 1600x900 boyutunda ... – kubut

cevap

1
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
-ms-box-sizing: border-box; 
box-sizing: border-box; 

kaynak: https://stackoverflow.com/a/11390432/4431269 sorunun kaynağı: https://bugzilla.mozilla.org/show_bug.cgi?id=924068

Ve GOOGLE iyi kullanım!

Düzenleme: (sorunun kaynağı açıkladı)

Hata raporu okuduktan sonra, ben buna widows.size veya çözünürlüğe sahip bir ilgisi vardır mümkün olduğunu okudum. Sorun daha önce açıklandığı gibi düzeltilebilir.

+0

Lütfen nedenini açıklayın :) –

+0

@MichaelJones zaten çözümü ve kaynağı yayınladı ama size daha iyi olacağım :) (bir saniye lütfen) –

+0

Bunu denedim ve bana yardımcı olmadı – kubut

-1

Bir kenarlık sağa, yani kenarlık sağa: 1 piksel sabit gri. Bu şekilde tanımlanan genişlikte herhangi bir ayar yapmak zorunda kalmadım. enter image description here

veya genişlik ayarlarının yapılmasında sorun yoksa, seçili css için genişliği otomatik olarak ayarlayabilirsiniz, örn. genişlik: otomatik

+0

Lütfen nasıl cevap vereceğinizi kontrol edin. Stackoverflow'ta. –