在進行網(wǎng)頁開發(fā)時，很多時候我們需要對整個頁面進行樣式調(diào)整，而其中一個很重要的問題就是將網(wǎng)頁底部內(nèi)容設(shè)置成版心居中。但很多新手程序員可能會遇到一個問題，就是無論如何調(diào)整代碼，底部內(nèi)容都無法居中的情況。

我們可以先來看一下上述代碼中底部部分的HTML和CSS代碼，其中容器div的樣式為width為100%，最大寬度為1200px，水平居中通過margin：0 auto實現(xiàn)，底部內(nèi)容的居中則是通過text-align:center這個CSS屬性來實現(xiàn)的。但是，我們會發(fā)現(xiàn)設(shè)置的margin屬性無效，底部內(nèi)容無法居中。

造成這個問題的原因很簡單，就是由于父元素footer沒有設(shè)置明確的高度，無論如何設(shè)置margin屬性都是無效的。因此，為了解決這個問題，我們需要設(shè)置footer的高度。

我們只需要在footer的樣式中添加height屬性，并在內(nèi)部的p標簽中添加height和line-height屬性，同時將p標簽的margin設(shè)置為0即可。因為p標簽的高度設(shè)置與line-height屬性相同，因此我們可以通過line-height來實現(xiàn)p標簽的垂直居中。這種方式可以適用大部分情況下，如果高度不夠，可以按需自己調(diào)節(jié)。

總結(jié)起來，HTML底部設(shè)置版心居中無效的問題通常是由于footer元素沒有設(shè)置高度引起的。因此，我們只需要在footer和p元素中添加對應(yīng)的高度屬性，即可解決這個問題。