Позициониране в CSS
|
||||||||
|
Партньори
създадено от
| ||||||||
Определяне местоположението на HTML елементите
<div> - контейнер; универсален елемент за поместване на съдържание;
Един примерен контейнер със следния стил
position:relative; top:20px; left:40px;
top и left свойствата задават универсални двумерни координати; Използват се задължително със свойството position, като в зависимост от стойностите, които приема то, се определя началото на координатната система.
position:absolute; - началото е горния ляв ъгъл на браузъра
position:relative; - началото е горният ляв ъгъл на позицията по подразбиране.
Свойството float указва къде в родителския елемент да се разположи текущия елемент. Няколко елемента могат да "плават" един до друг, но когато се изчерпи ширината на родителския елемент, последния елемент, който не се е събрал се пренася на нов ред
float:left; border:1px solid red;
float:right;
float:right;border:1px solid blue;
float:right;border:1px solid blue;width:300px;
Ето един абсолютно позициониран div
Той има следния стил:
position:absolute;
top:550px;
left:150px;
background:green;
color:white;
padding:10px;