看看我在这里得到了多少:[链接被删除了] 我如何使绿色按钮上方的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