позициониране на елементи. промяна на базовата точка (горния ляв ъгъл) при позициониране (не се трансформира) - html, css, позициониране

Смятам за грешка при позициониране на елемент. Браузърите изчисляват позициите на елементите, като гледат горния ляв ъгъл.

Да кажем, че точката (горния ляв ъгъл) "основа"(Съжалявам за терминологията) Когато използвам подравняване или център обект, той работи добре. Но ако промените позицията на елемента с други атрибути, да речем ширина:% 50 и височина:% 50, браузърът не премества елемента в средата, премества "основата" на елемента в средата.

Има ли начин да се промени тази "основа" на друго място на елемента? Например, мога ли да направя „основата“ на десния ъгъл на елемента?

Отговори:

Мисля, че виждам това, което се опитвате да зададете. Накратко отговорът е "не".

HTML

<div class="wrap">
<div class="absolute">
</div>
</div>

CSS

.wrap {
position: relative;
width:400px; height:400px;
background: red; }

.absolute {
position: absolute;
bottom:0; right:0;
width:100px; height:100px;
background: blue; }

Трябва да видите, че div.absolute е позициониран въз основа на долния десен ъгъл. По този начин може да се използва абсолютното позициониране. http://jsfiddle.net/3RqSS/

В противен случай трябва да използвате комбинация от абсолютно позициониране и полета, за да центрирате нещата. Например

.absolute {
position: absolute;
top:50%; left:50%;
width:100px; height:100px;
margin-left: -50px;
margin-top: -50px;
background: blue; }