Logowanie

Ustawienie szerokości rodzica na podstawie szerokości dziecka

pytanie zadane 9 listopada 2019 w HTML i CSS przez francus11 Gaduła (3,250 p.)
zamknięte 9 listopada 2019 przez francus11

Cześć. Czy jest jakiś sposób, by rodzic miał szerokość ustawioną na podstawie szerokości dziecka? Chodzi mi to to że dziecko miałoby szerokość x, a rodzic miałby dla przykładu x + 20px.

komentarz zamknięcia: Rozwiązane

2 odpowiedzi

odpowiedź 9 listopada 2019 przez michal_php Stary wyjadacz (13,700 p.)

Najlepiej jak byś użył js do tego.

komentarz 9 listopada 2019 przez BT101 Stary wyjadacz (12,540 p.)

Ależ skąd!

1	komentarz 9 listopada 2019 przez michal_php Stary wyjadacz (13,700 p.) To można zrobić na odwrót aby to dziecko było tym elementem w tedy zamiast rodzic mieć +20 px będzie przyjmować wartość - 20px

komentarz 9 listopada 2019 przez francus11 Gaduła (3,250 p.)

Dzięki. To rozwiązanie będzie chyba najlepiej pasowało

1	komentarz 9 listopada 2019 przez BT101 Stary wyjadacz (12,540 p.) Ludzie co wy tu dajecie przecież wystarczy dziecku nadać jakąś wysokość i szerokość i padding a rodzicowi inline-block i tyle...

komentarz 9 listopada 2019 przez DawidK Nałogowiec (37,910 p.)

margin ;) , ale genialne w swojej prostocie

komentarz 9 listopada 2019 przez BT101 Stary wyjadacz (12,540 p.)

margin dziecku lub padding rodzicowi, pomyłka

komentarz 9 listopada 2019 przez BT101 Stary wyjadacz (12,540 p.)

https://codepen.io/BT101/pen/JjjZaME?editors=1100

odpowiedź 9 listopada 2019 przez DawidK Nałogowiec (37,910 p.)

jeżeli znasz dokładne wartości to możesz użyć funkcji calc

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>child and parent</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
</head>
<body>
    <div class='parent'>
        <div class='child'>
        </div>
    </div>
</body>
</html>

main.css

.parent {
    background-color: red;
    height: 100px;
    width: calc(520px + 20px);
}

.child {
    background-color: green;
    height: 100px;
    width: 520px;
}

komentarz 9 listopada 2019 przez BT101 Stary wyjadacz (12,540 p.)

Nonsens po co kalkulować 520+20 XD

komentarz 9 listopada 2019 przez DawidK Nałogowiec (37,910 p.)

Masz racje :D bardziej, żeby pokazać, że z wartościami procentowymi to nie zadziała

komentarz 9 listopada 2019 przez BT101 Stary wyjadacz (12,540 p.)

Właśnie ta funkcja przydaje się w przeliczaniach jednostek np

width: calc(50vw + 25% + 10px);

komentarz 9 listopada 2019 przez DawidK Nałogowiec (37,910 p.)

w tym przypadku wartosci procentowe nie zadzialaja mam na mysli dziecko np 520px a rodzic 520px+10% wezmie 10% nie od dziecka tylko od swojego rodzica. Zreszta i tak podales duzo lepsze rozwiazanie.

Podobne pytania

0 głosów

2 odpowiedzi 407 wizyt

100% width dziecka względem rodzica

pytanie zadane 4 lutego 2017 w HTML i CSS przez niezalogowany

0 głosów

0 odpowiedzi 218 wizyt

rozwijane menu - szerokość poszczególnych <li> - zmiana na szerokosc rozna od szerokosci rodzica

pytanie zadane 14 lutego 2019 w HTML i CSS przez Sandra.S Początkujący (300 p.)

0 głosów

3 odpowiedzi 344 wizyt

obrazek 100% rodzica

pytanie zadane 30 czerwca 2016 w HTML i CSS przez artix132 Użytkownik (870 p.)

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...

Ustawienie szerokości rodzica na podstawie szerokości dziecka

Zaloguj lub zarejestruj się, aby skomentować.

2 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci