Свойство left используется для того, чтобы определить расстояние от ллевого края родителя.
Расстояние зависит от свойства position
Параметры свойства position
absolute - в качестве родителя выступает страница браузера, свойство left определяется от левого края.
relative - свойство left определяется от левого края исходного положения.
<!Doctype html> <html> <HEAD><style type="text/css"> .q11{ float: left; left:400px position:absolute; width:150px; heigth:50px; border-style:solid; border-color:#00FF00 } </style><title> ......... </title> </HEAD> <body> <div class="q11"> текст </div> </div> </body> </html> |
Результат:
текст
Right
Свойство right используется для того, чтобы определить расстояние от правого края родителя.
<!Doctype html> <html> <HEAD><style type="text/css"> .q12{ float: right; right:50px; position:relative; width:150px; heigth:50px; border-style:solid; border-color:#228B22 } </style><title> ......... </title> </HEAD> <body> <div class="q12"> текст </div> </body> </html> |
Результат:
текст