Показать сообщение отдельно
  #11 (permalink)  
Старый 20.07.2012, 20:03
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Какие стили у div id="b01"?

Если не хотите, чтобы это поле всё время оставалось на экране, а было только в конце, а основной блок содержимого не с position:absolute, то просто помещайте этот блок сразу после основного блока с нужной width (position: static или relative).

Если же оба с position: absolute, то, думаю, без скрипта не обойтись, если высота первого блока зависит от содержимого.

<style>
  body {
    margin: 0px;
  }
  #div1 {
    position: absolute;
    left: 0px; 
    top: 0px;
    width: 100%;
    background: lightgrey;
  }
  #div2 {
    position: absolute;
    width: 100%;
    height: 38px;
    background: gray;
    left: 0px; 
    top: 0px;
  }
</style>

<div id="div1"></div>
<div id="div2"></div>

<script>
window.onload = function () {
  var div1 = document.getElementById('div1');
  var div2 = document.getElementById('div2');

  var str = ''
  for (var i = 0; i <= 50; i++) {
    str += i + '<br>';
  }
  div1.innerHTML = str;

  function f() {
    div2.style.top = div1.scrollHeight;
  }

  f();

  window.onresize = function () {
    f();
  }
 
}
</script>

Последний раз редактировалось bes, 20.07.2012 в 20:54.
Ответить с цитированием