<!DOCTYPE HTML PUBliC "-//W3C//DTD xhtml 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd"><HTML xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <style> .mywIDth{ wIDth:100%; } </style></head><body> <div > <input ><br /> <textarea ></textarea><br /> <div >test</div> </div></body></HTML> 注意：如果我删除了DOCTYPE,它会按预期渲染,input,TEXTAREA和内部div的宽度都相同,不会超出包含的div.
更新：除了这些元素的默认边框外,它仍然在ie7中显示不正确.
解决方法 输入和textareas默认都有边框<style> .mywIDth{ wIDth:100%; border:0; } </style> 将呈现容器中的所有元素.
更新
IE在每个元素上也有左右填充,后面的CSS适合FF3,FF2,Safari 3,ie6和ie7中容器内的所有元素.
<style> .mywIDth{ wIDth:100%; border:0; padding-left:0; padding-right:0; }</style> 但是,不要忘记您可能需要一个边框,也可能需要填充,以使字段对用户正常显示.如果您自己设置边框和填充,那么您将知道在浏览器之间,容器的宽度和您需要为input / textarea元素提供的宽度之间的区别.
总结以上是内存溢出为你收集整理的HTML – 问题和宽度全部内容，希望文章能够帮你解决HTML – 问题和宽度所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）