但这个兼容性你懂的。第二种就是他们说的这样了。这会让里面的文字一起透明。所以。办法是用两个层叠起来。
可以采用一下两种方法来自动调节栾杜问题。1、使用百分比来实现自动适应宽度。
可以设置宽度的值为百分比，如
width=“80%”
此时宽度就是其父元素的80%宽度。
2、可以采用是js获取屏幕的宽度，以实现宽度随不同分辨率来改变。
先关函数方法如下：
网页可见区域宽 document.body.clientWidth
网页可见区域高 document.body.clientHeight
网页可见区域宽(包括边线的宽) document.body.offsetWidth
网页可见区域高(包括边线的宽) document.body.offsetHeight
网页正文全文宽 document.body.scrollWidth
网页正文全文高 document.body.scrollHeight
网页被卷去的高 document.body.scrollTop
网页被卷去的左 document.body.scrollLeft
网页正文部分上 window.screenTop
网页正文部分左 window.screenLeft
屏幕分辨率的高 window.screen.height
屏幕分辨率的宽 window.screen.width
屏幕可用工作区高度 window.screen.availHeight
屏幕可用工作区宽度 window.screen.availWidth
div+css布局中要实现文本的水平居中，需要设置容器的text-align:center实现注意容器必须是块级元素并且有宽度时候支持这个属性。
垂直居中设置div的行高，比如你的DIV容器高度是height：22px，那么你设置line-height：22px这样你的文字就会垂直居中了
祝你好运！
如果要实现整个页面的水平居中，设置容器的左右margin:auto，前提是你的容器宽度比页面屏幕显示区域宽度小。
