Darbība ar atkāpēm margin CSS
Tagad mēs analizēsim īpašību
margin, kas nosaka atkāpes starp
vietnes elementiem. Apskatīsim, kā tas
izskatās praksē.
Sākumā es jums parādīšu divus bloķus, kas
atrodas viens otrā, bez margin (tie salipts
kopā un mēs redzēsim dubultu apmali):
<div id="parent">
<div id="child"></div>
</div>
#parent {
width: 300px;
border: 1px solid red;
}
#child {
height: 100px;
border: 1px solid green;
}
:
Un tagad piešķirsim margin
30px iekšējam blokam:
<div id="parent">
<div id="child"></div>
</div>
#parent {
width: 300px;
border: 1px solid red;
}
#child {
height: 100px;
border: 1px solid green;
margin: 30px;
}
:
