在CSS設計中，父級元素的寬度經常會影響到子元素的顯示效果。如果我們想讓子元素的顯示效果不受父級元素的寬度限制，該如何操作呢？下面我們來實現去掉父級寬度的影響。

/*去掉父級寬度的影響*/
.parent{
width: 800px;
overflow: hidden;
}
.child{
width: 100%;
float: left;
/*子元素需要脫離文檔流*/
position: relative;
left: -100%;
}

首先，我們定義一個父級元素，給它一個寬度限制，并設置overflow: hidden屬性，即超出寬度部分被隱藏。接著，我們定義一個子元素，給它一個寬度為100%，使得它的寬度不受父級元素限制，然后設置float: left屬性讓其左浮動，并將position: relative屬性和left: -100%屬性一同使用，將子元素脫離文檔流。

這樣，我們就實現了去掉父級寬度的影響，子元素的顯示效果不會受到父級元素的寬度限制。