CSS: Arrêter la div et img à partir de chevauchement
J'ai un personnage avec une img à l'intérieur flottant à droite et un div.
Mon code html est
<div>
<figure id="fig">
<img src="img.jpg"></img>
<figcaption>Caption</figcaption>
</figure>
<div id="inner">
Blah Blah Blah
</div>
</div>
Mon div css est
#inner{
text-align: center;
width: 70%;
margin: auto;
padding: 1% 5%;
}
et ma figure css est
#fig{
width:162px;
height:277px;
margin:auto 7px auto 7px;
float:right;
}
et mon img css est
img{
width:162px;
height:277px;
}
Mon div est en vertu de la figure. Le problème, c'est que la div de largeur est de 70% et si le chiffre vient en face de lui, il ne marche pas savoir. Je veux la div à 70% de l'espace - la figure.
Montrez votre code html.
pouvez-vous poster un peu plus de code complet, votre css pour cet article et votre code html
pouvez-vous poster un peu plus de code complet, votre css pour cet article et votre code html
OriginalL'auteur usama8800 | 2013-07-26
Vous devez vous connecter pour publier un commentaire.
Supprimer la largeur de votre
#inner
div et de définir une marge sur la droite de celui-ci qui est la largeur ( marge + rembourrage + largeur + etc. ) de votrefigure
. Lefigure
va flotter dans la marge de droite de#inner
. Depuis les DIVs sont des éléments de niveau bloc, ils prennent 100% de la largeur par défaut.http://jsfiddle.net/kacH7/
CSS
OriginalL'auteur hungerstar