求解div+css网页问题!
<html><head><title>无标题文档</title><styletype="text/css">#pr{position:absolute;backgroun...
<html>
<head>
<title>无标题文档</title>
<style type="text/css">
#pr{ position:absolute; background-color:#003399; top:50%; left:50%; width:300px; height:200px; margin-top:-100px; margin-left:-150px}
</style>
</head>
<body>
<div id="pr">
aaaaaaaaaaa
</div>
</body>
</html>
为何div块始终在中间?绝对定位的是各50%,但是浏览器缩小后div块距浏览器边框就不到50%了啊,怎么和margin相关一起变成这个效果?对于margin 不懂,margin边距,这个边距也是属于在div块里面吗? 展开
<head>
<title>无标题文档</title>
<style type="text/css">
#pr{ position:absolute; background-color:#003399; top:50%; left:50%; width:300px; height:200px; margin-top:-100px; margin-left:-150px}
</style>
</head>
<body>
<div id="pr">
aaaaaaaaaaa
</div>
</body>
</html>
为何div块始终在中间?绝对定位的是各50%,但是浏览器缩小后div块距浏览器边框就不到50%了啊,怎么和margin相关一起变成这个效果?对于margin 不懂,margin边距,这个边距也是属于在div块里面吗? 展开
2个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询