Home > Article > Web Front-end > 关于HTML/CSS布局问题 初学者学习问题_html/css_WEB-ITnose
div
body { margin:0px; padding:0px; font:12px arial,宋体; text-align:center;}.zong { float:left; width:214px; height:266px; background:rgb(220,232,244); position:absolute; left:50%; top:50%; margin-top:-133px; margin-left:-107px; border:1px outset black; z-index:-100;}.kuang { float:left; margin-top:10px; margin-left:11px; width:192px; height:52px; background:url(../images/0000000.jpg) no-repeat left top; z-index:-98;}.gongneng { float:left; margin-top:4px; width:214px; height:61px; z-index:-99;}.buttom a{ float:left; width:36px; height:29px; background:url(../images/MC.jpg) no-repeat top left; margin-top:1px; margin-left:11px;} .buttom a:hover { float:left; background:url(../images/MC1.jpg) no-repeat top left; width:36px; height:29px; margin-top:1px; margin-left:11px;}.buttom a:active { float:left; background:url(images/MC2.jpg) no-repeat top left; width:36px; height:29px; margin-top:1px; margin-left:11px;}
<body> <div class="zong"> <div class="kuang"> </div> <div class="gongneng"> <div class="buttom"><a href="#"></a></div> </div> </div> </body>
使用Chrome打开文件,右键,审查元素,感觉是你的样式没有生效。
不知道楼主的 问题是在哪个浏览器下 有问题。我在火狐 ie7 8 是正常的。
我发现问题所在了 的确 IE FIREFOX下全正常 但是我图方便用sougou浏览器看的 结果在高速模式下没有效果,闹笑话了 谢谢大家