位置:绝对没有顶部或底部一个很好的CSS练习？

Question

我有这样的标记:

<label>First Name: <input type="text" /></label>
<label>Last Name: <input type="text" /></label>
<label>Email: <input type="text" /></label>

和这样的CSS:

label{display:block; padding:10px 0;}
input{position:absolute; left:100px;}

在我测试的几乎所有浏览器中,结果都是这样的:

它的工作正常,而没有top或bottom在CSS代码中absolute定位inputs.我的问题是:这种对齐元素是一种很好的做法,你知道浏览器有这种定位的任何问题吗？

这是代码的小提琴.

Answer 1

CSS不必是语义的.语义HTML意味着标签,标识符和类具有意义.

CSS纯粹具有代表性,并没有必要具有意义.

没有定义顶部和底部的绝对定位是完全可以的(它只是默认auto)