+ -
当前位置:首页 → 问答吧 → 子元素如何叠加到父元素上?

子元素如何叠加到父元素上?

时间:2010-12-16

来源:互联网

<div style="border:1px solid #000; width:100px; height:100px;">
  <div style="border:1px solid #F00; width:90px; height:90px;"></div>
</div>
我想让里边的的红色div的边框与外边的黑色div的边框叠加,并且是里边红色div显示在上边,怎么做呢?

作者: jieangel   发布时间: 2010-12-16

<div style="border:1px solid #000; width:100px; height:100px; position:relative">
  <div style="border:1px solid #F00; width:90px; height:90px; position: absolute; left:-1px; top:-1px"></div>
</div>

作者: wangxin11411   发布时间: 2010-12-16

楼上正解
<!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> </head> <body> <div style="border:1px solid #000; width:100px; height:100px;"> <div style="border:1px solid #F00; width:90px; height:90px;margin-top:-1px; position:absolute;"></div> </div> </body> </html>
 提示:您可以先修改部分代码再运行

作者: 503360330   发布时间: 2010-12-16