Wątek przeniesiony 2016-05-21 22:46 z Webmastering przez dzek69.

overflow: hidden, jak poradzić sobie z tym parametrem.

0

Witam!
Mam pewien problem, otóż struktura kogu HTML wygląda następująco:

     <div class="content">
         <div class="button"></div>
     </div>

DIV content posiada wartość overflow: hidden, ponieważ dostosowuje swoją wysokość do wysokości elementów zawartych w środku.
Problem jest następujący: potrzebuję wysunąć element button poza obszar content mniej więcej do połowy jego szerokości (buttonu), w tym celu dla div .content zmieniłem parametry z overflow: hidden; na

overflow-x: visible; overflow-y: hidden;

, ale niestety nie daje to rezultatu.

Proszę o podpowiedź jak rozwiązać ten problem.
Pozdrawiam.

0

DIV content posiada wartość overflow: hidden, ponieważ dostosowuje swoją wysokość do wysokości elementów zawartych w środku.

Standardowo to tak się przecież dzieje bez overflow. Jak masz więcej kodu to wrzuć na https://jsfiddle.net/
Za pomocą overflow ustalamy jak ma zachować się element HTML kiedy jego zawartość nie będzie mieściła się w jego rozmiarach.

0

DIV content posiada wartość overflow: hidden, ponieważ dostosowuje swoją wysokość do wysokości elementów zawartych w środku.

Po co? Przecież to jest domyślne zachowanie diva, nie potrzebujesz do tego overflow: hidden.

0

https://jsfiddle.net/dzab3hg5/1/

Przy czym jest to fragment większego kodu, którego kopiowanie nie ma większego sensu.
Dodam, że żaden div wewnątrz nie ma ustalonej wysokości a divów może być n.
Div z klasą o nazwie page-content-bordered jest "kontenerem, który zbiera wszystkie divy.
Strona wykorzystuje bootstrap oraz LESS.

1 użytkowników online, w tym zalogowanych: 0, gości: 1