HTML fixed and full column pattern

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

fixed and full column in table

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>

CSS:

.container {
    width: 100%;
}

.left {
    float:left;
    width: 100px;
    margin-right:  -100px;
}

.right {
    margin-left:100px;
}

Did it help you?

Yes !

Best related

How to generate a webfont [automated setup]

Changing color themes in CSS [Simple method]

CSS Basics – everything you need to know

Align inline-block in block vertically

HTML to PDF in Django

Simple way to Docker on Windows 10 home with WSL 2

How your website will be hacked if you have no CSRF protection

Extend EC2 ext3 filesystem

Has been blocked by cors policy [Explain like I am 5]

How to reset mysql root password on ubuntu

Using painterro with Vue.js

Change svg color in vue.js

Flask vs django | easy expert comparison

The fastest way to clean up disk space on server