Hogyan lehetne megoldani css-ben azt, hogy a felbontáshoz viszonyítva az elemek csak bizonyos %-át foglalják el a térnek?

Weboldalt szeretnék csinálni HTML-CSS kombóval. Ezidáig nem sikerült rájönnöm hogyan lehetne azt megoldani hogy minden felbontáson szépen, nem elcsúszva jelenjenek meg az elemek... Teszem azt nekem x a felbontásom nekem nem csúszik szét( [link] ) bármilyen más felbontáson szét csúszik az egész ( [link] ). Azt tudom hogy egy elem méreténél nem azt kell írni pl.: hogy height: 300px; hanem hogy height: 15%; de ez így nem működik. Tehát kérdés: hogyan, mi módon tudom azt css-ben megoldani hogy felbontás arányosan jelenjenek meg az oldal elemei?