正常显示效果：错位后出现缩小到原来的67%：解决方法一：使用box-sizing属性的border-box。[border-box：指定宽高（minimum/maximum属性）来确定元素的边框框。也就是说，指定元素的宽度和高度包括指定填充和边框。内容的宽度和高度减去各自的边。边框和填充的宽度根据指定的“宽度”和“高度”属性计算]css:缩放50%后的效果方案二：浮动子元素，即两个元素不在同一个文档流中，避免错位CSS:缩放30%后的效果：