Untergeordnete Elemente voller Breite im scrollbaren Container

8

Ich habe einen div-Container mit einer festen Breite und einigen Kind-Elementen, die größer als die Eltern sein könnten.

Ist es möglich, dass alle untergeordneten Elemente die volle Breite des scrollbaren Bereichs vom übergeordneten Element ( overflow: auto ) haben?

%Vor% %Vor%

Hier ist die Geige . Wenn Sie nach rechts blättern, können Sie sehen, dass die Hintergrundfarbe für untergeordnete Elemente kleiner ist als der Inhalt.

    
Martin 27.07.2015, 21:40
quelle

3 Antworten

6

Fügen Sie einfach min-width hinzu und zeigen Sie inline-block :

an %Vor%

JSFiddle-Demo

ANTWORT 2:
Um Ihre Frage in den Kommentaren zu beantworten, müssen Sie den Inhalt in ein Div einfügen und auf display:inline-block :

setzen

%Vor% %Vor%
    
Jacob Gray 27.07.2015, 21:44
quelle
2

Sie könnten die untergeordneten Elemente auf display:table-row;

setzen

%Vor% %Vor%

Fügen Sie ein zusätzliches <div> hinzu, wenn Sie zusätzliche Steuerelemente für das Styling benötigen.

%Vor% %Vor%
    
Stickers 27.07.2015 22:09
quelle
0

Sie können dies von der absoluten Positionseigenschaft aus tun.

%Vor%
    
unbl0ck3r 27.07.2015 21:45
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset React.JS this.state ist nicht definiert