div 100% width with other div fixed

by

here’s the code:

<!DOCTYPE html>
<html>

<body>
  <div style="height:100%;position:absolute; width:10%; margin:0; top:0; left:0;  background-color:red;">Content</div>
<div style="height:10%; position:absolute;width:90%; margin:0; top:0; left:10%;background-color:blue;">Content</div>
<div style="height:90%;position:absolute; width:90%; margin:0; top:10%; left:10%; background-color:yellow;margin:0 auto;"><div style="background-color:green;width:95%;height:95%;position:relative;top:20px;left:30px;">Content</div></div>

</body>


</html>

More Related Contents:

  1. Some styles don’t work on CSS so I have to add them in HTML
  2. Can’t scroll to top of flex item that is overflowing container
  3. How to match width of text to width of dynamically sized image/title?
  4. Stylesheet not loaded because of MIME-type
  5. How to place div side by side
  6. How to disable a link using only CSS
  7. Set the table column width constant regardless of the amount of text in its cells?
  8. Make footer stick to bottom of page correctly [duplicate]
  9. How do I wrap text in a pre tag?
  10. IE8 support for CSS Media Query
  11. CSS :selected pseudo class similar to :checked, but for elements
  12. Get second line of bullet item to indent as first part – not underneath the bullet?
  13. How to get an IFrame to be responsive in iOS Safari?
  14. Best practices for styling HTML emails [closed]
  15. How can I make my flexbox layout take 100% vertical space?
  16. How to change one element while hovering over another
  17. How do I add a “search” button in a text input field?
  18. heading with horizontal line on either side [duplicate]
  19. CSS Background image not loading
  20. add title attribute from css
  21. How to add background image for input type=”button”?
  22. How to specify parameters to google chrome adobe pdf viewer?
  23. How to rotate and postion an element on the top left or top right corner?
  24. Make fill entire screen?
  25. Remove host component tag from html in angular 4
  26. Bootstrap full-width text-input within inline-form
  27. Can you style html form buttons with css?
  28. Internet Explorer and clip-path
  29. Pseudo class :hover does not work in IE7
  30. CSS/HTML: How do I change the color of the check mark within the checkbox input? [duplicate]

Leave a Comment