100％宽度的HTML元素问题

发布时间：2020-12-14 22:41:39 所属栏目：资源来源：网络整理

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

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


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!