![]() |
![]() |
![]() ![]()
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 |
|
|
![]() |
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 196 Pomógł: 0 Dołączył: 9.03.2017 Ostrzeżenie: (0%) ![]() ![]() |
@aras785 Dzięki, dużo nowych rzeczy się dowiedziałem. Za preprocesory CSS zabiorę się w swoim czasie. A dlaczego akurat SCSS, a nie LESS albo SASS?
Który polecacie najpierw do nauki? @trueblue No właśnie pomyślałem: Temat: CSS grid ze stalymi i procentowymi szerokosciami i nawet jestem zadowolony z efektu, ale chciałbym też opanować robienie gridu zarówno z wartościami procentowymi jak i stałymi, dlatego stworzyłem ten temat. To co napisał @aras785 będzie dla urządzeń "large". Teraz spróbuję dopisać CSS dla "medium" i "small". Ten post edytował stellatus 3.02.2020, 11:00:44 |
|
|
![]() ![]() |
![]() |
Aktualny czas: 18.10.2025 - 07:50 |