如何隱藏在另一個元素的頂級元素的部分

可以說我有一個父塊級元素，像這樣：如何隱藏在另一個元素的頂級元素的部分

#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

如何隱藏在另一個元素的頂級元素的部分

回答

相關問題