par
yann18 » 21 févr. 2014, 14:21
par défaut le texte(ou tout élément enfant) ne peut pas sortir en largeur de son bloc parent sauf si le texte(ou son parent) a été positionné(position, float).
<div class="bloc">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tincidunt urna sed felis ultricies ultricies ut eget turpis.
</p>
<p>
Nulla ut purus tellus. Donec dapibus ipsum at arcu faucibus pulvinar. Pellentesque fermentum laoreet turpis sed sollicitudin.
</p>
</div>
.bloc{
width:120px;
text-align:justify;
border:1px #00CFFF solid;
padding: 8px 14px;
}
.bloc > p{
position:absolute;/* même cas avec un flottant*/
}
Dans un tel cas, l'élément p étant positionné il sort complètement de son bloc parent(div) ce qui peut justifier un débordement en largeur
par défaut le texte(ou tout élément enfant) ne peut pas sortir en largeur de son bloc parent sauf si le texte(ou son parent) a été positionné(position, float).
[html]
<div class="bloc">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tincidunt urna sed felis ultricies ultricies ut eget turpis.
</p>
<p>
Nulla ut purus tellus. Donec dapibus ipsum at arcu faucibus pulvinar. Pellentesque fermentum laoreet turpis sed sollicitudin.
</p>
</div>
[/html]
[css]
.bloc{
width:120px;
text-align:justify;
border:1px #00CFFF solid;
padding: 8px 14px;
}
.bloc > p{
position:absolute;/* même cas avec un flottant*/
}
[/css]
Dans un tel cas, l'élément p étant positionné il sort complètement de son bloc parent(div) ce qui peut justifier un débordement en largeur