看看我在這裏得到了多少:[鏈接被刪除了] 我如何使綠色按鈕上方的textarea填充div塊? 我的意思是,如何使textarea與註釋塊的寬度完全相同?如何讓textarea填滿div區塊?
回答
請參考本文它實現了CSS3箱集束性 http://css-tricks.com/box-sizing/
這樣做的一個快速的解決方案是設置
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+ */
}
這裏是工作的例子,它實現了箱上漿物業 http://css-tricks.com/examples/BoxSizing/
使用寬度像99%或略小的容器div內調整,已經不鼓勵。
乾淨整潔的解決方案,謝謝!但「支持IE8 +:盒子大小」......請注意,兩年前,當IE8是最新版本時,我寫了上面的答案。即使現在你仍然有很多用戶運行XP + IE6,這取決於你的客戶。 – Vinz 2012-05-23 15:15:32
@Vinz,它的真實與你的關注。 但是,我相信「使用舊的瀏覽器會讓你自己受苦」。如果IE不支持,那麼它的IE的問題,爲什麼它應該是我們的問題:) - – acpmasquerade 2012-09-03 03:28:31
@Vinz,我不確定你對此有何感想,但Twitter的「Bootstrap」是一個很棒的平臺在現代的界面上,如果我們嘗試從這些高度優化的平臺導入功能將會更好。 – acpmasquerade 2012-09-03 03:30:13
尺寸標註文字區域以百分比不知何故始終無法正常工作,我同樣的問題,多年前曾和最終使用寬度:99%....
我建議你使用一個div
圍繞文本區域繪製圓邊框並刪除textarea本身的邊框。這樣textarea的寬度不需要精確,你可以使用98%或99%。
噢,好 - 檢查鏈接。 它工作得很好,但我仍然想知道有人知道如何在我的情況下以百分比爲單位進行尺寸標註textareas? – Rihards 2010-07-02 11:26:52
- 1. Firefox中的Textarea和div填充區別
- 2. 如何讓div填滿剩下的所有地方?
- 3. 如何讓中間div填滿垂直空間?
- 4. 如何讓最後一個div拉伸填滿屏幕?
- 5. 如何讓ListView行填滿屏幕?
- 6. 如何讓BorderLayout填滿屏幕?
- 7. 讓textarea填滿表格中的整個單元格的方法
- 8. Div未填滿頁面
- 9. 圖像不會填滿div
- 10. div with heigth填滿頁面
- 11. 讓div填滿中心容器旁邊的空間
- 12. 讓div填滿父母的其餘部分
- 13. 如何讓div填充剩餘空間?
- 14. 如何讓div填充剩餘空間?
- 15. CSS問題:中間塊填滿所有空白區域
- 16. 如何讓自動填充功能填充full_methods而不是僅填滿
- 17. 如何擺脫div的填充區域?
- 18. 如何填滿嵌套類?
- 19. 讓li填滿餘下的寬度
- 20. 讓Textview文字填滿屏幕?
- 21. 如何讓td內容填滿整個家長?
- 22. 在XUL中,如何讓我的列表框填滿屏幕?
- 23. 如何讓內容填滿整個屏幕?
- 24. 如何讓桌子填滿整個手機屏幕?
- 25. 如何讓容器填滿整個窗戶?
- 26. 如何讓英雄面積填滿整個瀏覽器窗口
- 27. 如何讓圖像填滿整個容器?
- 28. 我如何讓ListBox項目填滿整個空間?
- 29. 如何讓離子項目的內容填滿可用空間?
- 30. 你如何讓窗戶填滿整個屏幕?
嘗試給它一個'width:100%' – 2010-07-02 10:58:42
如果那會很簡單。 無論如何,補充說。檢查鏈接。 :P – Rihards 2010-07-02 11:05:00
'width:100%'導致它溢出。你可以將寬度設置爲488px,這是其他盒子的寬度。我沒有檢查,看看它爲什麼會溢出 - 修復這可能是一個更好的解決方案。 – Mike 2010-07-02 11:09:04