HTML CSS DIV Panneaux
Je veux faire quelque chose comme ceci:
Ce que je fais jusqu'à présent:
Quelqu'un peut-il me dire comment je atteindre cet objectif...
Merci! À L'Avance...
Voir jsFiddle
Code Est Comme Suit:
HTML:
<div class="panel panel1">Panel 1x</div>
<div class="panel panel1">Panel 1x</div>
<br>
<div class="panel panel2">Panel 2x</div>
CSS:
body {
background: #eeeeee;
}
.panel {
display: inline-block;
background: #ffffff;
min-height: 100px;
height: 100px;
box-shadow:0px 0px 5px 5px #C9C9C9;
-webkit-box-shadow:2px 2px 5px 5x #C9C9C9;
-moz-box-shadow:2px 2px 5px 5px #C9C9C9;
margin: 10px;
padding: 10px;
}
.panel1 {
min-width: 100px;
width: 100px;
}
.panel2 {
min-width: 245px;
width: 245px;
}
- Les Divs ne peut pas envelopper autour comme ça. Vous pouvez faire contenu enrouler autour d'une flottait objet, mais tous les éléments HTML sont rectangulaires (au moins pour l'instant).
- Pouvez-vous me donner un exemple???
- Un exemple de ce à quoi?
- contenu de l'enrouler autour d'une flottait objet @Paulie_D
- jsfiddle.net/4f8p5/2 ou jsfiddle.net/4f8p5/3
- Merci! Est-ce possible avec bootstrap panneau?
- Si vous voulez faire flotter dans un div (qui est ce qu'un 'panel' est je suppose), vous pouvez (pour la plupart), mais il n'est pas clair ce que vous essayez de faire.
- Merci Beaucoup! jsfiddle.net/SanaBukhari/DAFW9/19 @Paulie_D
Vous devez vous connecter pour publier un commentaire.
Faites la hauteur de la div à droite plus petite que la gauche, et n'ont pas de marge sur haut/bas. Ce serait de produire le résultat que vous recherchez
CSS:
HTML:
Voir: jsFiddle
Espère que vous résoudre ce problème:
CSS:
HTML: