Advanced Search

Expressionless Vertical Fill 2 CSS

/ Published in: CSS
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. body{
  2. 	margin: 0px;
  3. }
  4.  
  5. .container{
  6. 	border: 5px solid pink;
  7. 	position: absolute;
  8. 	top: 50px;
  9. 	left: 200px;
  10. 	height: 400px;
  11. 	width: 350px;
  12. }
  13.  
  14. .header{
  15. 	height: 50px;
  16. 	background-color: green;
  17. 	position: absolute;
  18. 	z-index: 3;
  19.  
  20. 	top: 0px;
  21.  
  22. 	width: 100%;
  23. }
  24.  
  25. .display{
  26. 	background-color: blue;
  27. 	height: 100%;
  28. 	border-top: 50px solid red;
  29. }
  30.  
  31. .content{
  32. 	background-color: yellow;
  33. 	height: 100%;
  34. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.