所以我在HTML和CSS中制作了一些自定义样式input元素 - 链接here。但输入元素并不遵守top，right，left和bottom的所有方向属性。唯一的解决方法是使用top和left以及width: 100%和height: 100%。任何想法为什么它不遵守所有的方向属性？
我需要输入元素以适合其父容器。
答案 0 :(得分：0)
那是因为输入是替换元素。 Absolutely positioned, replaced elements的算法与Absolutely positioned, non-replaced elements的算法不同：
width的使用值确定为inline replaced elements。 [...]
- 如果此时值过度约束，请忽略[...]
right[...]的值并求解该值。
类似于身高。
是的，如果你想忽略你需要的内在大小width: 100%; height: 100%。
答案 1 :(得分：-1)
它不会忽略它。 left:140px工作得非常好，试试这个代码集我分叉并将这些输入字段悬停检查。