calc()를 사용하여 <div> 요소의 너비를 계산합니다.
<!DOCTYPE html> <html> <head> <style> #div1 { position: absolute; left: 50px; width: calc(100% - 100px); border: 1px solid #000; background-color: yellow; padding: 5px; text-align: center; } </style> </head> <body> <h1>The calc() Function</h1> <p>Create a div that stretches across the window, with a 50px gap between both sides od the div and the edges of the window:</p> <div id="div1">Some Text...</div> </body> </html>
calc() 함수는 속성 값으로 사용할 계산을 수행합니다.
calc(expression)
| Value | Description |
| expression | 필수이며, 수학적 표현식입니다. 결과는 값으로 사용되며, 연산자 ( + - * / )를 사용할 수 있습니다. |
|---|