CSS中的width屬性用于控制元素的寬度。有時候我們需要將一個元素的寬度設置為自動全屏，也就是占據整個瀏覽器的寬度，這時候就需要用到一些特殊的CSS技巧。

/* 方式1 */
body, html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
.full-screen {
width: 100%;
height: 100%;
}
/* 方式2 */
.full-screen {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

第一種方式的原理是讓HTML和body元素占據整個瀏覽器窗口的高度和寬度，然后再將需要自動全屏的元素寬度和高度均設置為100%。這樣就可以讓元素自動填充整個屏幕。但是需要注意的是，其他的元素也會受到影響。

第二種方式的原理是利用絕對定位和定位屬性的值來撐開元素。通過將元素的top、left、bottom和right屬性都設置為0，元素就可以自動填滿整個屏幕。相比第一種方法，這種方式不會影響其他元素，但也需要注意元素定位的影響。