css中img图片不贴边 |css 选择器 同时包含

在使用CSS设定网页样式时，经常会出现图片与边框留有间隙的情况。这种情况下，图片并不能紧贴在边框上，给用户带来了较差的使用体验。 要解决这个问题，首先需要了解CSS中常用的两种盒模型：w3c盒模型和IE盒模型。在w3c盒模型中，元素的宽度和高度只包括内容部分，而在IE盒模型中，元素的宽度和高度包括了内边距和边框。 针对这个问题，可以使用CSS中的box-sizing属性进行设定。在box-sizing属性中，将其值设定为border-box，即可让元素的宽度和高度包括内边距和边框，确保图片紧贴在边框上。下面是CSS代码：

img{
box-sizing:border-box;
width:100%;
height:auto;
}

使用box-sizing属性解决图片与边框留有间隙的问题，能够提高网页的使用体验，让用户更加享受阅读的快感。