Witam.
W czasie nauki css robiłem i wymyślałem przykłady by lepiej zrozumieć technologię html i css. Podczas rozwiązywania następującego przykładu:
<!DOCTYPE html>
<html lang="pl">
<head>
<title>Marginesy</title>
<style>
#id1 {
margin-left: auto;
margin-right: auto;
width: 500px;
height: 200px;
background-color: yellow;
}
#id2 {
margin-left: 100px;
margin-right: 50px;
margin-top: 75px;
height: 100px;
background-color: red;
}
</style>
</head>
<body>
<div id="id1">
<div id="id2">
</div>
</div>
</body>
</html>
natrafiłem na problem, którego nie potrafię zrozumieć. Otóż ustawiając margin-top dla wewnętrznego czerwonego diva, sądziłem, że przesunie się on wewnątrz żółtego, jednak tak się nie stało i ustawienie margin-top dla diva z id2 przesuwa zewnętrznego diva o id1. W związku z problemem mam 2 pytania:
1 czemu przesuwa się div id1 zamiast div id2?
2 jak zrobić by przesunąc tylko div id2?