在使用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屬性解決圖片與邊框留有間隙的問題，能夠提高網頁的使用體驗，讓用戶更加享受閱讀的快感。