Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Divy i float left

Chcesz wiedzieć jak sterować wyglądem strony za pomocą styli? Tutaj dowiesz się jakie możliwości ma CSS i jak poprawnie go stosować, aby uzyskać zamierzone efekty. Dowiesz się jakie nowości udostępniono w CSS3 i jak z nich korzystać.

Divy i float left

Post 05.04.2017, 09:49:04

Witam,
NIe wiem jak sobie poradzić ze stosunkowo prostą rzeczą. Chodzi o umieszczenie div'a o nazwie box3 na równi z divem box1. Generalnie o kontrole zachowania float'a.
Przykład:
https://jsfiddle.net/qbvdL5v9/
pjotrek
Posty: 18
Dołączył(a): 07.05.2015

Re: Divy i float left

Post 05.04.2017, 10:48:49

2 najszybsze rozwiązania jakie przyszły mi do głowy:
1. zamień box2 i box3 kolejnością w kodzie HTML
2. do box3 dodaj margin-top: -105px;
Innego rozwiązania przy zachowaniu float nie widzę.
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

Posty: 19409
Dołączył(a): 14.04.2002

Re: Divy i float left

Post 05.04.2017, 11:33:01

A nie stosując float?
pjotrek
Posty: 18
Dołączył(a): 07.05.2015

Re: Divy i float left

Post 12.04.2017, 16:02:05

Uczę się bardzo od niedawna, wymyśliłem 1 sposób , lecz nie wiem czy jest on wydajny oraz prawidłowy gdyby zaszła potrzeba rozwijania strony lub modyfikacji
Link: https://jsfiddle.net/qbvdL5v9/1/
W 3 divie usunąłem float:left , dodałem position:absolute i po tym ustawiłem ręcznie pozycje diva względem jego rodzica bo tak działa position:absolute
zolcio123
Posty: 5
Dołączył(a): 20.05.2015


Powrót do CSS


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 2 gości

Hosting, Domeny, SSL
iCash

Subskrypcja

Mamy 49631 zarejestrowanych użytkowników.
Najnowszy użytkownik: ACNRosly


Nasi użytkownicy napisali:

  • 933822 wiadomości
  • w 245890 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)