100％宽度的HTML元素问题

概述分配一些HTML元素(如表单输入)100％宽度时 - 您不能再应用任何可能影响宽度的其他样式.边框或填充等内容会导致元素超过100％.这导致可能在其父元素之外的笨拙元素.由于CSS不支持宽度：100％ - 2px;我知道的唯一方法是使用绝对像素宽度(宽度：98px)或将元素切掉100％,这实际上不是一个选项.<div style='overflow:

分配一些HTML元素(如表单输入)100％宽度时 – 您不能再应用任何可能影响宽度的其他样式.边框或填充等内容会导致元素超过100％.这导致可能在其父元素之外的笨拙元素.

由于CSS不支持宽度：100％ – 2px;我知道的唯一方法是使用绝对像素宽度(宽度：98px)或将元素切掉100％,这实际上不是一个选项.

他们还有其他方法吗？最佳答案与adding another div一起,解决方案很快就会使用CSS 3将box-sizing attribute添加到CSS规则中.这个新的CSS 3值已经可以在IE 8和所有其他浏览器中使用 – 所以如果你不介意跳过IE 6& 7你现在可以使用它！

textarea {        -webkit-Box-sizing: border-Box; /* Safari/Chrome,other WebKit */        -moz-Box-sizing: border-Box;    /* firefox,other Gecko */        Box-sizing: border-Box;         /* Opera/IE 8+ */}

总结

以上是内存溢出为你收集整理的100％宽度的HTML元素问题全部内容，希望文章能够帮你解决100％宽度的HTML元素问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://www.outofmemory.cn/web/1119659.html