yüzden onlar (derler satranç tahtası gibi bir şey verin, ama değişken boyutlarda alanlarla) birbirine tane sopa birçok div ekranı ayırdık. Yüzdeleri (ebeveyn kabına göre) kullanarak heigth ve width'u ayarlıyorum. Ben div öğelerine border: 1px eklerkencss iç sınır, kırık düzen
, tüm düzen sonları ... Ben sınır her tarafa 1px ekler hayal ve çözüm bazı iç kenarlık eklemek olacaktır. Bir şekilde böyle bir iç sınır ekleyebilir miyim?
Sen elemanın width sınırında genişliği parçası haline getirmek box-sizing: border-box kullanabilirsiniz.
.example {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
kullanın anahat özelliği. Sınır progresinden farklı olarak, öğelerin yüksekliğine veya genişliğine "eklemez". Bununla birlikte, sınır propeedinin aksine, sol, sağ, alt veya sol bireysel özelliklere sahip olamazsınız. Anahat stili, anahat genişliği ve anahat renk özelliklerine sahip olmanıza rağmen.
Onlara 49.5% EDIT yaparak 0.5 tarafından yüzdelerini azaltabilir. Yüksekliği ve genişliği yüzde olarak ayarladığınızda, birbirinize yapışmasını sağlayabilirsiniz. Daha sonra border:1px eklerken, genişlikleri, eskisinden daha uzun olacaktır. Bunu çözmek için yeniden boyutlandırma genişliğini önlemek için another div after the parent div olmalıdır.
'başlangıç 'hiçbir şeyi değiştirmeyecek. – thirtydot
Let söylemek @thirty Bir üst div ve pek çok çocuk div'leri varsa, Outset çalışmayacaktır teşekkürler:
Sorunu nasıl çözeceğine dair hiçbir fikrim yok! – Jawad
@Jawad: o zaman tüm alt araya div'leri örtecek 'padding' ve' margin' hem kaldırmayı deneyin. –
/* Sen IE */ \t \t \t -moz-box-boyutlandırma için -GU unuttum: border-box; -webkit-box-sizing: kenarlık kutusu; -ms-box-sizing: border-box; kutu boyutlandırma: kenarlık kutusu; –
@EmilioYero: Hayır, yapmadım. Cevabımın sonundaki "tarayıcı desteği" bağlantısına bakın. IE7 bunu desteklememektedir, IE8 ve üstü ise satıcı öneki olmadan desteklemektedir. – thirtydot