Next »
639/920
« Previous

Set height to 100% in HTML and CSS

Description

The following code shows how to set height to 100%.

Example


<!--from w  w  w . j a  v  a 2  s  .co m-->






<html>
<head>
<title>percentage measurement</title>
<style rel='stylesheet' type='text/css'>
div {
font: 12px sans-serif;
border: 1px solid lightblue;
background: pink;
width: 100%;
height: 100%;
padding: 5px;
}
</style>
</head>
<body>
<div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Vestibulum tellus orci, dignissim ut, consequat in, consectetuer
et, nibh. Donec luctus ante a neque convallis ultricies.
Curabitur ac lorem. Etiam adipiscing, nisi id eleifend feugiat,
dui lorem tempus lacus, at rutrum lectus ligula quis diam.
</div>
</body>
</html>

Click to view the demo

The code above generates the following result.

Set height to 100% in HTML and CSS
Next »
« Previous