在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，雖然可以使用圖片或者JS來(lái)實(shí)現(xiàn)超過(guò)效果，但是CSS更加簡(jiǎn)單效率，并且可以兼容性更好。CSS超過(guò)效果可以使用以下方式實(shí)現(xiàn)：

overflow: hidden; //超過(guò)部分隱藏
overflow: scroll; //出現(xiàn)滾動(dòng)條
overflow: auto; //根據(jù)需要自動(dòng)出現(xiàn)滾動(dòng)條

當(dāng)然，以上的屬性可以分別應(yīng)用于不同的方向：

overflow-x: hidden; //水平方向超過(guò)部分隱藏
overflow-x: scroll; //水平方向出現(xiàn)滾動(dòng)條
overflow-x: auto; //水平方向根據(jù)需要自動(dòng)出現(xiàn)滾動(dòng)條
overflow-y: hidden; //垂直方向超過(guò)部分隱藏
overflow-y: scroll; //垂直方向出現(xiàn)滾動(dòng)條
overflow-y: auto; //垂直方向根據(jù)需要自動(dòng)出現(xiàn)滾動(dòng)條

當(dāng)然，如果想要更加靈活地控制超過(guò)效果的樣式，可以使用CSS3中新增的clip-path屬性：

clip-path: inset(0 0 0 0); //裁剪元素四個(gè)方向的超出部分

最后，值得注意的是，不同的元素在應(yīng)用超過(guò)后的效果時(shí)，表現(xiàn)可能存在差異。如如果給img標(biāo)簽應(yīng)用超過(guò)效果，可能會(huì)出現(xiàn)圖片無(wú)法完全展示的情況。此時(shí)，可以將img標(biāo)簽放置于div標(biāo)簽中，并對(duì)div標(biāo)簽應(yīng)用超過(guò)效果，就可以將圖片完整展示了。