Аз съм нов в CSS и се опитвам да позиционирам заглавието си буквално на няколко пиксела, без да премествам останалата част от страницата.
опитах padding-bottom
но тя премества страницата надолу, опита се с дъното на дъното и не прави нищо. Опитах се да плава, да се подравнява. Височината на линия няма ефект по някаква причина. Единственото нещо, което има лек ефект е position: absolute;
и line-height
работил във връзка с това обаче го премества само малко твърде далеч надолу и сега имам нужда от него само няколко пиксела по-високи. Най- line-height
няма да повдигне повече от 2px и аз също се опитах да използвам% във всички по-горе.
Някой има ли решение на въпроса, преди да се използва позиция: абсолютно и въпросът, който вече имам line-height
ограничения.
h2 {
padding-left: 45%;
position: absolute;
line-height: 2px;
}
Отговори:
0 за отговор № 1Може да откриете тази позиция: абсолютна ще ви причини някои проблеми. Това е така, защото го изваждате от редовния поток, така че вече няма да запази мястото си. Ако срещнете проблеми, опитайте вместо позиция: relative. Това трябва да го задържи в потока и в комбинация с top: 2px би трябвало малко да го измести.
Някои други опции, които можете да опитате да включитеmargin-top: 2px или padding-top: 2px (докато използвате позиция: относителна). Причината, поради която дънната подложка не работеше, беше, че добавяте малко допълнително "подложка" / пространство под него, а не над нея.
Това има ли смисъл? Моля, задавайте въпроси.
1 за отговор № 2
Когато използвате position: absolute
добавянето на марж няма да повлияе на позицията.
Опитайте да използвате top: 2px
тя ще позиционира елемента 2 пиксела надолу от върха. Също line-height: 2px
изглежда доста хакерски, освен ако размерът на шрифта не е 1px, няма да го използвам.
h2 {
padding-left: 45%;
position: absolute;
top: 2px;
}
Повече за имота за позиция: http://www.w3schools.com/cssref/pr_class_position.asp