考虑到:
最大化浏览器兼容性是否最好为元素设置width像素,或者只使用left和right?
width
left
right
任何方法都需要注意任何常见的错误?
显然,使用left: 0;和right: 0;会使代码在图像的宽度或填充要改变的情况下更容易管理,但没有任何缺点,其中width: 300px将有利于呢?
left: 0;
right: 0;
width: 300px
css cross-browser css-position width
我试图理解这个问题背后的原因:
设置为后面的原因<button>或者<input>元素不像其他元素那样表现的原因是什么display:block!
<button>
<input>
display:block
我不是在寻找解决这个问题的解决方法,所以请不要指出这个答案,因为它没有回答这个问题.
这是一个说明问题的小提琴
更新1: @Pete是正确的,元素的默认大小属性是甚至在块上设置大小的内容,因为您可以在其中调整size和cols属性<input>并<textarea>更改其宽度.这解决了我的部分问题.
<textarea>
考虑到这一点,我现在的问题是,为什么 <button> 元素不像其他块元素那样?这对我来说是一个谜!
html css forms
css ×2
cross-browser ×1
css-position ×1
forms ×1
html ×1
width ×1