本篇內(nèi)容介紹了“CSS怎么對主體不同寬度設(shè)置居中”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)公司是一家專業(yè)提供臺江企業(yè)網(wǎng)站建設(shè),專注與成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)、HTML5建站、小程序制作等業(yè)務(wù)。10年已為臺江眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計公司優(yōu)惠進(jìn)行中。

時時遇到頭部和底部100%寬度，而網(wǎng)頁兩頭模式是靜止寬度的，這個時分就需要增多三個div來實現(xiàn)分別居中。

仇家部和底部加一個div最外層，設(shè)置居中和寬度100%，

對兩端地區(qū)加一個div，設(shè)置css結(jié)構(gòu)居中和靜止寬度值。

CSS代碼：

另外CSS不再列出，簡化你原有的CSS代碼。

body內(nèi)HTML代碼：

頭部 100%寬度的