百分比可以让div的长宽根据浏览器窗体的尺寸变化而自动变化，始终与窗体（或父元素）的尺寸保持一定的比例；
px则是让div的长宽保持固定的值（像素），不管窗体或父元素如何变化尺寸，都保持固定的大小；
em和rem则是根据字体的大小来设定div的长宽，1em等于当前元素的字体的宽度（具体来说是英文大写字母M的宽度），1rem则等于网页根元素的字体宽度。也就是说如果改变了当前元素（em）或根元素（rem）的字体大小，div的尺寸也会跟着改变。
你好，你这里样式是针对p这个元素写的css样式，因为p定义了id为image，至于“边框的长度总是和显示器长度一致，比界面的图片大出很多”原因是P是块元素，没有定义宽度，所以总是和显示器长度一致要想对图片操作，这里将p#image改为p image或者p#image image
