——首先鸣谢大宝同学提供的宝贵经验
对于前端开发,关于写一个高度自适应并且居中的div应该是最最基本的需求,大部分初学者肯定会坚定不移的相信这两个属性:
height:auto;
margin:0 auto;
结果是div居中了,但是你却找不到你的div在哪?我是说如果你给div设了背景,你会发现没有看到带背景的任何东西。
网络上也有各种解决方法,第一很复杂,第二也不见得有效。这里提供一种display的属性使得div高度自动延伸。在你想高度自动延伸的div的css里加入:
height: auto;
margin:0 auto;
width: 100%;
display: inline-block;
就ok了,但是要记得增加width:100%这个属性,否则 就不居中了。。
经验之谈,方法很好用!
(2)另一种方法应该也可以:通过padding做文章
先将padding-bottom设置为最大,比如32767px,这样这个div就显示很高的背景了,在通过margin-bottom:-32767px来抵消由于padding-bottom代码的无限大高度。这样无论你有多高的div,padding里总是显示背景。
不过此方法lz没试成功。还是推荐第一种。
哎呦妈呀
鉴于你的菜都得打水印,你的代码更得鸣谢鸣谢再鸣谢(匍匐状)。。