CSS для разделения div от конкретной точки до края окна - PullRequest
Новая
       1

CSS для разделения div от конкретной точки до края окна

2 голосов
/ 10 февраля 2012

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

Ответы [ 2 ]

2 голосов
/ 10 февраля 2012

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

   <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 голосов
/ 10 февраля 2012

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

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;
}
...