Поля CSS% s

Question

Хотелось бы, чтобы верхнее поле элементов указывалось в процентах от высоты окна, возможно ли это?

Если я установил что-то, имеющее свойство css, как показано ниже

#idName{margin:10% 0;}

это установит 10% ширины окна просмотра браузера, что не является желаемым поведением.

Причина, по которой я хочу это сделать, заключается в том, что мой сайт имеет контент, скажем, в поле размером 500 пикселейкоторый я хочу быть в центре окна просмотра браузера.Скажем, область просмотра имеет высоту 500px, она будет иметь маржинальную вершину или 0px, но если высота 600px, то она будет иметь маржинальную вершину 50px, максимальную маржу 700px - 100px и т. Д.Лучший способ добиться этого!

Спасибо

Answer 1

Вертикальное выравнивание может быть сложно в CSS.

Эти статьи дают довольно хороший обзор методов для достижения этой цели:

http://hicksdesign.co.uk/journal/how-to-vertical-centering-with-css

http://www.vdotmedia.com/blog/vertically-center-content-with-css/