一个css问题，内层显示在外层的边线以外 position
效果参见陶！宝@首#页￥(万恶的百度河~蟹了陶^宝的连接)如果看不见图片请点链接http://www.jvhao.com/s/img/taobao/tb.jpg简单说,就...
效果参见
陶！宝@首#页￥ (万恶的百度河~蟹了陶^宝的连接)
如果看不见图片 请点链接
http://www.jvhao.com/s/img/taobao/tb.jpg
简单说,就是:
一个层里面嵌套了一个层
我想让嵌套的层 显示在外层的 外面 展开
陶！宝@首#页￥ (万恶的百度河~蟹了陶^宝的连接)
如果看不见图片 请点链接
http://www.jvhao.com/s/img/taobao/tb.jpg
简单说,就是:
一个层里面嵌套了一个层
我想让嵌套的层 显示在外层的 外面 展开
4个回答
展开全部
<div id="A" style="width:300px;height:150px;border:1px solid #666;margin-left:50px;display:block;">
<div id="B" style="position:relative; margin-left:-30px; width:50px; height:50px; border:1px solid #F00; display:block;"></div>
</div>
举个例子如上。自己仔细看style里的css。很简单的。
<div id="B" style="position:relative; margin-left:-30px; width:50px; height:50px; border:1px solid #F00; display:block;"></div>
</div>
举个例子如上。自己仔细看style里的css。很简单的。
追问
感谢大家的回答。。
我之前的方法跟大家一样 margin-left：负数px； 和 position 都不行。！
后来 去掉外层的 overflow:hidden; 就行了。。
经过试验 需使用 overflow:visible; 才行
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用定位，蓝色边框的层 position:relative; 然后所有类目的那个层position:absolute;left：负数px；就可以实现你想要的结果了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!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">
.out{ position:relative; background:#9694EF; height:200px; width:600px; margin:0 auto;}
.inner{position:absolute; top:0; left:-100px; background:#E28DD3; height:80px; width:100px;}
</style>
</head>
<body>
<div class="out">
外层
<div class="inner">内层</div>
</div>
</body>
</html>
<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">
.out{ position:relative; background:#9694EF; height:200px; width:600px; margin:0 auto;}
.inner{position:absolute; top:0; left:-100px; background:#E28DD3; height:80px; width:100px;}
</style>
</head>
<body>
<div class="out">
外层
<div class="inner">内层</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Vue实践-CSS样式position/display/float属性对比使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
