100%宽度的HTML元素问题

前端之家收集整理的这篇文章主要介绍了100%宽度的HTML元素问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

分配一些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+ */
}

猜你在找的HTML相关文章