Ist es möglich zu verhindern, wickeln die Kind-Elemente in HTML?
.container
{
position: absolute;
bottom: 0px;
height: 25px;
left: 200px;
padding-right: 5px;
background-color: black;
overflow: hidden;
}
.child
{
position: relative;
float: left;
height: 100%;
width: 95px;
background-color: #99CCFF;
margin-left: 5px;
}
Ich, wenn die Größe des browser-Fensters ist kleiner als wird ermöglichen, dass alle Kinder fit ohne Umhüllung ich möchte eine Bildlaufleiste, nicht die Standard-Mechanismus, der die Kind-Elemente Verpacken.
Ich bin nicht in Kontrolle über die Anzahl der child-Elemente, also kann ich nicht von einer Breite des Containers. Wie kann ich verhindern, dass die Hülle der child-Elemente?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Wenn Sie nicht möchten, wickeln, sollten Sie nicht verwenden die Schwimmer - Sie waren, die speziell für die Verpackung.
Verwenden Sie einen übergeordneten container mit
overflow:auto
undwhite-space:nowrap
und Kinder mitdisplay:inline
oderinline-block
.Dies ist nicht wirklich möglich mit einfachen HTML und CSS. Ohne zu wissen, die Anzahl der child-Elemente, der einzige Weg wäre, um dynamisch festlegen eines min-width mit JavaScript, auf der Grundlage der Anzahl der Kind-Elemente und deren gesamte Breite.
Können Sie ein Elternteil Halter () alle childes. Und verwenden Sie dann das overflow:auto", dass div. Wenn das nicht funktioniert, dann verwenden Sie auch selbst.innerHeight und selbst.innerWidth (via javascript) für die div-Höhe und Breite.