KW Online Tools Zone
Knowledge Walls
View All Tools Home
MIXED LAYOUT WITH PERCENTAGE AND PIXELS
[Jquery editor]
Run
Share Link
Clear
HTML [Ctrl+Enter] - to run
Menu
Content
CSS [Ctrl+Enter] - to run
#main_layout { width: 100%; height: 100%; display: block; background-color: yellow; position: relative; } body { padding: 0px; margin: 0px; outline: none; } div#main_layout div { float: left; } div#main_layout .menu_layout { background-color: red; width: 200px; height: 100%; } div#main_layout .content_layout { background-color: green; position: absolute; left: 200px; right: 0px; bottom: 0px; top: 0px; }
Jquery [Ctrl+Enter] - to run
OUTPUT
Copyright © 2021 Knowledge walls, All rights reserved
Copyright © 2021 Knowledge walls, All rights reserved