[分享]css元素宽高和ps测量一致

CSS元素宽高与PS测量一致的问题，是网页制作中常遇到的难点之一。下面介绍一些解决方法：1. 设置boxsizing属性为borderbox boxsizing: borderbox; 这种方法即使在...

CSS元素宽高与PS测量一致的问题，是网页制作中常遇到的难点之一。下面介绍一些解决方法：

1. 设置box-sizing属性为border-box<br>
   box-sizing: border-box;<br>
   这种方法即使在给元素添加padding时，元素实际宽高仍然与标记的值一致。

2. 使用calc()函数<br>
   width: calc(100% - 20px);<br>
   这种方法可以精确地计算出元素的实际宽度，而不用考虑其他因素所占据的空间。

3. 使用伪元素<br>
   :before, :after {
       content: "";
       display: table;
   }
   这种方法可以使伪元素占据一个像素的空间，从而让元素的宽高与标记的值一致。

4. 使用transform属性<br>
   transform: translateZ(0);
   这种方法可以通过3D变换的方式，使元素的宽高等于标记的值。 

总之，这些方法都可以让网页的样式效果更加准确，让用户享受更好的浏览体验。