Buradan ne kadar uzakta olduğumu kontrol edin: [bağlantı kaldırıldı] Yeşil bloğun üstündeki textarea'yı div bloğunu doldurmak için nasıl yapabilirim? Yani, textarea, yorum bloğuyla tam olarak aynı genişlikte nasıl yapılır? Sana yuvarlak çizmek için textarea etrafında div kullanmanızı öneririzTextarea div bloğunu nasıl dolduracak?
....% 99:
bunun için hızlı bir çözümdür http://css-tricks.com/box-sizing/
burada
textarea {
width: 100%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
ayarlamak Ve amacıyla CSS3 kutu boyutlandırma özelliği uygulayan bu makaleye bakın uygulayan bir çalışma örneğidir kutu boyutlandırma özellik http://css-tricks.com/examples/BoxSizing/
Kapsayıcı div içinde ayarlamak için% 99 veya daha az gibi genişlikleri kullanmak zaten önerilmez.
Güzel ve temiz bir çözüm, teşekkürler! AMA "Desteği IE8 +: kutu boyutlandırma" ... İki yıl önce IE8 en son sürüm olduğunda yukarıdaki cevabı yazdım. Ve şimdi bile müşterilerinize bağlı olarak XP + IE6 çalıştıran bir çok kullanıcınız olabilir. – Vinz
@Vinz, endişenizle doğrudur. Ancak, "Eski bir tarayıcı kullanmak kendi başına acı çekmektir" diye düşünüyorum. IE desteklemiyorsa, o zaman IE'nin problemi, neden bizim sorunumuz olmalı :) - – acpmasquerade
@Vinz, Bu konuda ne hissettiğinizi bilmiyorum, ama twitter gelen "Bootstrap" başlamak için harika bir platformdur modern günler için arayüzde ve bu ağır şekilde optimize edilmiş platformlardan özellikleri içe aktarmaya çalışırsak daha iyi olur. – acpmasquerade
yüzdeler textareas boyutlandırılması düzgün çalıştı nasılsa olmamıştı, ben de aynı sorun yıllar önce vardı ve genişliği kullanılarak sona erdi kenarlık ve textarea kendisi sınırını kaldırın. Bu şekilde textarea'nın genişliğinin tam olarak olması gerekmez,% 98 veya% 99 kullanabilirsiniz.
Oh, iyi - bağlantıyı kontrol edin. Oldukça iyi çalıştı, ama yine de merak ediyorum belki birisi benim durumumda yüzdelerde düzgün bir şekilde tekstüre boyutlandırma yapmanın bir yolunu biliyordur? – Rihards
Bunu bir "genişlik:% 100" vererek deneyin –
Bu kadar basit olsaydı. Yine de eklendi. Bağlantıyı kontrol et. : P – Rihards
'genişlik:% 100', taşmaya neden olur. Genişliği diğer kutularınızın genişliği olan 488px'e ayarlayabilirsiniz. Bunun neden taştığını kontrol etmedim - düzeltmek daha iyi bir çözüm olabilir. – Mike