HTML fixed and full column pattern

Often you need to make one column fixed and another should take rest of space.
63156589.png

One of way how to do this without table layout and without calc(100%-xx):

<div class="container">
    <div class="left">left</div>
    <div class="right">right</div>
</div>
.container {
    width: 100%;
}
.left {
    float:left;
    width: 100px;
    margin-right: -100px;
}
.right {
    margin-left:100px;
}
#html #css
menu 0
Ivan Borshchov profile picture
Apr 23, 2017
by Ivan Borshchov
Did it help you?
Yes !
No

Best related

Other by Ivan Borshchov