如何隐藏在另一个元素的顶级元素的部分

可以说我有一个父块级元素，像这样：如何隐藏在另一个元素的顶级元素的部分

#parent { 
width: 100px; 
height: 100px; 
}

和一个子元素，像这样：

#child { 
width: 100px; 
height: 100px; 
margin-left: 50px; 
margin-top: 50px; 
}

和元素像这样嵌入：

<div id="parent"> 
    <div id="child> 
    </div> 
</div>

我想创建一个效果，其中只有左上角的子div出现在右下角角落。小孩的三角完全没了。我怎样才能实现这一点使用只是CSS？

来源

2010-08-05 telaviv

你尝试使用overflow：隐藏在#parent div与位置值的组合吗？

这样的事情？

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 

<style> 
#parent { 
width: 100px; 
height: 100px; 
background-color:#FFCCFF; 
overflow:hidden; 
position:relative; 
} 
#child { 
width: 100px; 
height: 100px; 
position:absolute; 
top:50px; 
left:50px; 
background-color:#99CC99; 
} 
</style> 

</head> 

<body> 
    <div id="parent"> 
     <p>text</p> 
    <div id="child"> 
      <p>text</p> 
    </div> 
</div> 

</body> 
</html>

来源

2010-08-05 12:24:25 DHuntrods

如何隐藏在另一个元素的顶级元素的部分

回答

相关问题