CSS中的em是一个相对单位，它的值是相对于父元素的字体大小来计算的。在CSS3中，em的用法变得更加灵活，并且可以用于布局。
首先，我们需要了解1em等于多少像素。实际上，这个值是没有固定的，它取决于父元素的字体大小。默认情况下，1em等于16像素。但是，如果父元素的字体大小不是16像素，那么1em就不等于16像素。因此，我们不能简单地给出一个固定的数值作为1em等于多少像素。
在CSS3中，我们可以使用em来进行弹性布局。具体来说，em可以用于设置容器的宽度、高度和间距，而不仅仅是字体大小。这使得我们可以创建适应不同屏幕尺寸的布局。
em的用法
在CSS中，我们可以使用em来设置容器的宽度。例如，如果我们想让一个容器的宽度为父元素字体大小的2倍，我们可以使用2em来设置宽度。下面是一个示例代码：
.container{
width: 2em;
}
这样，容器的宽度将等于父元素的字体大小的2倍。如果父元素的字体大小为16像素，那么容器的宽度将为32像素。
除了宽度，我们还可以使用em来设置容器的高度和间距。例如，如果我们想要一个容器的高度为父元素字体大小的1.5倍，并且左右间距为父元素字体大小的0.5倍，我们可以使用下面的代码：
.container{
height: 1.5em;
margin: 0 0.5em;
}
这样，容器的高度将为父元素字体大小的1.5倍，左右间距将为父元素字体大小的0.5倍。
em的优势
使用em进行布局具有一些优势。首先，em是一个相对单位，它可以根据父元素的字体大小进行缩放。这意味着我们可以创建一个自适应的布局，无论父元素的字体大小是多少，布局都可以正确地缩放。这在响应式设计中非常有用，因为布局可以适应不同的屏幕尺寸。
其次，em可以用于设置容器的宽度、高度和间距，而不仅仅是字体大小。这使得我们可以更灵活地创建布局，可以根据需要进行调整。
最后，em可以用于设置容器的宽度和高度的最小值和最大值。这样，我们可以在一定范围内限制容器的大小。例如，如果我们想要一个容器的宽度不小于200像素，并且不大于400像素，我们可以使用下面的代码：
.container{
min-width: 200px;
max-width: 400px;
}
这样，容器的宽度将在200像素和400像素之间。
总结
在CSS3中，em是一个非常有用的单位，它可以用于创建弹性布局。与像素相比，em具有更大的灵活性和适应性。它可以根据父元素的字体大小进行缩放，可以设置容器的宽度、高度和间距，还可以设置容器的最小值和最大值。通过合理地使用em，我们可以创建出适应不同屏幕尺寸的布局，提高用户体验。
因此，em是布局设计中不可或缺的重要工具，它可以为我们提供更多的可能性和灵活性。