Перемещение div вверх при изменении размера экрана

Я бы хотел, чтобы верхняя часть div перемещалась вверх или вниз, когда экран изменяется вверх или вниз. В настоящее время, если я изменяю размер экрана, и я делаю его короче, div спрятался под складкой.Перемещение div вверх при изменении размера экрана

В принципе, я бы хотел, чтобы div оставался% экрана над сгибом. Я пробовал использовать top: x% и margin-top: x% вместо абсолютных чисел, таких как пиксели, но это ничего не меняет.

Ниже фрагменты кода:

#blogIntro { 
 
    position:absolute; 
 
    background:white; 
 
    width:40%; 
 
    height: 1050px; 
 
    right:300px; 
 
    margin: 20% 20% 150px 40%; 
 
    z-index:1; 
 
    padding:20px; 
 
} 
 

 
html { 
 
    background: url(Photos/Main_Home.jpg) no-repeat center center fixed; 
 
    -webkit-background-size:cover; 
 
    -moz-background-size:cover; 
 
    -o-background-size:cover; 
 
    background-size:cover; 
 
    font-size:10px; 
 
    position:relative; 
 
}

<div id="blogIntro"> 
 
    <p id="blogIntroTitle"><b>PRY</b>VIT<span class="scrollDown">&nbsp;&nbsp;&nbsp;[scroll down]</span></p> 
 
    <h2 id="whoami">WHO AM I</h2> 
 
    <div id="blogIntro1"></div> 
 
    <p>Lorem ipsum dolor sit amet, ea viderer conclusionemque pri. Petentium argumentum at vel, pro eu accusam deleniti iudicabit. Te justo malis molestie sit, his an quod mnesarchum. Ludus vulputate cu pri. Nam te consul moderatius scriptorem, vel nostrum vivendum forensibus ex, te persecuti instructior nam.</p> 
 
    </div> 
 
</body> 
 
</html>

источник

2015-08-29 Pere

Кажется, пользователь пытался редактировать мой пост, и сообщество отклонило его. @ Тиддо, я не эксперт-кодер, я просто пытаюсь учиться. Я, возможно, не знаю соглашения с форумом кодера, но серьезно, что не так, когда я начинаю свой пост с симпатичного маленького «привет-кодера мира» и заканчивая простым «спасибо!»? Разве ты не переусердствуешь? У вас 2000 репутация, вы, вероятно, знаете ответ на мой вопрос, но вы даже не ответили. – Pere

Да, это я, я понимаю ваш аргумент, но вижу [этот мета-пост] (http://meta.stackexchange.com/a/3021) за то, почему я это сделал. –

@joe_young достаточно честный, спасибо 4 обмена. Но такие ученики, как я, оценили бы, начиная с 2000 года, что-то репутация пользователей немного больше, чем избегать приветствий и тому подобного. попытается не приветствовать в следующий раз: p – Pere

Вы пробовали использовать vh блок? Это в основном процент от высоты окна клиента. См. MDN article on viewport percentage lengths.

Также вас может заинтересовать calc() CSS function.

источник

2015-08-29 15:34:32 Ashugeo

@Ashuego vh unit работал, спасибо! Я также позиционировал div как абсолютный и установил тег body относительно, и установил top в%, и он тоже работал. – Pere

Перемещение div вверх при изменении размера экрана

ответ

Смежные вопросы