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

div w divie w divie itd

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ć.

div w divie w divie itd

Post 19.04.2017, 14:08:53

Witam. Mam 2 pytania do was.
1. Czy jest możliwość że gry jest div w innym divie to żeby ten w środku nie miał możliwości wydostania się z diva rodzica??
2. Chce stworzyć kwadrat w kwadracie, który jest w kwadracie itd. Lecz niezbyt mi to wychodzi. Kod:
HTML:
Kod: Zaznacz cały
<!DOCTYPE html>
<html>
<head>
   <title>Testy</title>
   <meta charset="utf8">
   <meta lang="PL">
   <link rel="stylesheet" type="text/css" href="style/reset.css">
   <link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>
<div id="glowny">
   <div class="dive">
      <div class="dive">
         <div class="dive">
            <div class="dive">
               <div class="dive">
               123
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

</body>
</html>


css:
Kod: Zaznacz cały
#glowny{
   width: 300px;
   height: 300px;
   margin:0 auto;
   border:solid 2px red;
}

#glowny .dive{
    height: 100%;
    width: 100%;
   margin: 10px ;
   border:solid 2px black;
   
}


Obrazek
Jak zrobić by one nie wychodziły za div tylko grzecznie każdy kolejny div siedział w srodku poprzedniego i był od niego mniejszy by ten w samym środku był już bardzo mały ?
zolcio123
Posty: 5
Dołączył(a): 20.05.2015

Re: div w divie w divie itd

Post 19.04.2017, 14:26:35

O coś takiego chodzi?

Kod: Zaznacz cały
    #glowny{
       width: 300px;
       height: 300px;
       margin:0 auto;
       border:solid 2px red;
    }

    #glowny .dive{
        height: calc(100% - 20px);
        width: calc(100% - 20px);
       margin: 10px ;
      box-sizing: border-box;
       border:solid 2px black;
       
    }
Avatar użytkownikakuku
Rafał Kukawski

+∞
+∞

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

Re: div w divie w divie itd

Post 19.04.2017, 16:43:03

Dokładnie o takie coś ! Już znalazłem swój błąd. calc(100%-20px) pisałem , nie dawałem spacji po prostu i źle mi liczyło, ale samemu pewnie szybko bym nie doszedł do tej przyczyny Dziękuje serdecznie za pomoc :)
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ł: Ahrefs [Bot], RqweF i 1 gość

Hosting, Domeny, SSL
iCash

Subskrypcja

Mamy 50074 zarejestrowanych użytkowników.
Najnowszy użytkownik: WillisEq


Nasi użytkownicy napisali:

  • 934726 wiadomości
  • w 246223 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)