当前位置：首页 → 问答吧 → 我的逻辑问题还是怎么的

我的逻辑问题还是怎么的

时间：2010-09-16

来源：互联网

问题描述：
一个父包含框定位为相对，包含两个子元素，分别为绝对定位，正常。给正常流的子元素一个垂直外边距margin-top就会使得父元素跟着往下走，乖乖啊，浏览器都是这样解释的，我的逻辑有毛病吗？

最后无意的给父元素添加了边框才使得父元素踏踏实实的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>图片居中</title> <style type="text/css"> * {margin:0;padding:0;} .pic_show {position:relative;width:960px;height:300px;margin-top:10px;margin:0 auto;/*添加边框*/border:1px solid red;} .img {position:absolute;left:50%;margin-left:-11px;} .tit {margin-top:24px;text-align:center;} </style> </head> <body> <div class="pic_show"> <div class="img"><img src="favicon.jpg" width="20" height="22"/></div> <div class="tit">图片标题</div> </div> </body> </html>
提示：您可以先修改部分代码再运行

作者: xmlovedoudou 发布时间: 2010-09-16

为啥图片居中要用绝对定位呢

作者: geminids 发布时间: 2010-09-16

我的逻辑问题还是怎么的

热门阅读

热门下载