2012-02-10 3 views
2

У меня есть HTML div, расположенный в определенной точке (position: absolute; top: ...; left: ...). Как сделать div span от этой точки до края страницы и масштабировать по мере изменения размера окна? То есть - то же поведение, что и для width: 100%, но с верхним левым углом div в конкретной произвольной точке.CSS для div, охватывающих от определенной точки до края окна

ответ

2

Если элемент абсолютно позиционирован, вы можете назначить его сверху, слева, снизу и правый свойства:

<html> 
    <head> 
     <style> 
      #foo{ 
       position: absolute; 
       top: 10px; 
       left: 10px; 
       bottom: 0; 
       right: 0; 
       background-color: red; 
       border: 5px solid blue; 
      } 
     </style> 
    </head> 
    <body> 
     <div id="foo"></div> 
    </body> 
    </html> 
2

если я понимаю вопрос правильно, это должно работать

div { 
    position: absolute; 
    left: 100px; << "left top corner of the div at a specific, arbitrary point." 
    top: 0; 
    bottom: 0; 
    right: 0; 
    background-color: #666; 
} 
Смежные вопросы