comment cacher des parties d'un élément au-dessus d'un autre élément

Disons que j'ai un élément de niveau bloc parent comme ceci:comment cacher des parties d'un élément au-dessus d'un autre élément

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

et un élément enfant comme ceci:

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

et la les éléments sont incorporés comme suit:

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

Je veux créer un effet où seule la partie supérieure gauche de la div enfant apparaît en bas à droite coin. 3 coins du div divan sont complètement partis. Comment puis-je y parvenir en utilisant simplement css?

Source

2010-08-05 telaviv

Avez-vous essayé d'utiliser overflow: caché sur le div #parent en combinaison avec les valeurs de position?

Quelque chose comme ça?

<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>

Source

2010-08-05 12:24:25 DHuntrods

comment cacher des parties d'un élément au-dessus d'un autre élément

Répondre

Questions connexes