 [CSS] rozciąganie diva do końca wierszza |
| [CSS] rozciąganie diva do końca wierszza |
  2.02.2020, 15:25:02
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 196 Pomógł: 0 Dołączył: 9.03.2017 Ostrzeżenie: (0%) 
 |
Jak to zrobić, żeby niebieski div "dropdown_list4" rozciągał się do końca wiersza?
Kod <html> <head> <style> div { display: inline-block; } .div-padding { padding: 10px; } </style> </head> <div style="width: 100%; background-color: DodgerBlue;" class="div-padding"> <div class="div-padding" style="background-color: red; width: 60px;"><button>Tags</button></div> <div class="div-padding" style="background-color: green; width: 120px;">dropdown_list1</div> <div class="div-padding" style="background-color: red"> <div style="background-color: orange;">Autor: </div> <div style="background-color: DodgerBlue; width: 190px;">dropdown_list2</div> </div> <div class="div-padding" style="background-color: yellow"> <div style="background-color: orange">Kategorien: </div> <div style="background-color: DodgerBlue; width: 190px;">dropdown_list3</div> </div> <div class="div-padding" style="background-color: red;"> <div style="background-color: orange">Typen: </div> <div style="background-color: DodgerBlue;">dropdown_list4</div> </div> </div> </html> https://codepen.io/rudolph-reti/pen/oNgKZGq |
 |
 
|
 |
|
2.02.2020, 17:13:57
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%)
|
A nie myślałeś o tym, aby uzbroić stronę w responsywność? Teraz na sztywno poustawiałeś szerokości, a na mniejszej rozdzielczości nie pomieści się wszystko.
-------------------- |
|
|
|
stellatus [CSS] rozciąganie diva do końca wierszza 2.02.2020, 15:25:02 
aras785 Wypadałoby używać już flex.. + nie pisać w inline,... 2.02.2020, 17:13:54 stellatus @aras785 Dzięki, dużo nowych rzeczy się dowiedział... 2.02.2020, 21:21:47 aras785 SCSS 2.02.2020, 22:16:35 stellatus Ok, a jak "przełamuje się" tego flexa? C... 3.02.2020, 15:34:12 trueblue Do .menu należy dodać:
Kodflex-wrap: wrap;
Ze... 3.02.2020, 15:38:43 
stellatus Jestem bardzo wdzięczny. Mnóstwo się dzięki Wam na... 15.02.2020, 18:17:18  |
|
Wersja Lo-Fi | Aktualny czas: 28.04.2024 - 13:22 |
