html - 当 child :hover 时父 div 不跟随大小变化

Question

好的，所以问题是 #page 不会跟随大小变化，我希望 #page 在我悬停 #text3 时达到 100% 高度

http://jsfiddle.net/2EfLz/38/

Answer 1

将此添加到您的 javascript 中:

$('text3').addEvents({
  mouseover: function(){ 
    var windowHeight = window.getSize().y;
    var text3Height = $('text3').getPosition().y;
    var t3fHeight = $('t3f').getSize().y;

    // padding-top + padding-bottom + border-top + border-bottom
    var paddingHeight = 42; 

    $('text3').setStyles({
      'height':windowHeight - text3Height - t3fHeight - paddingHeight + 'px',
      'overflow':'auto'
    })
  },
  mouseleave: function(){
    $('text3').setStyles({
      'height':'75px', // initial value
      'overflow':'hidden'
    })
  }
});