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

How to generate a webfont [automated setup]

How to generate a webfont [automated setup]

#webfont #css #svg #react #vuejs
Align inline-block in block vertically

Align inline-block in block vertically

#html
HTML to PDF in Django

HTML to PDF in Django

#html #pdf

Other by Ivan Borshchov

Simple way to Docker on Windows 10 home with WSL 2

Simple way to Docker on Windows 10 home with WSL 2

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

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

#csrf #security
Extend EC2 ext3 filesystem

Extend EC2 ext3 filesystem

#aws #ec2 #resize2fs
Has been blocked by cors policy [Explain like I am 5]

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

#security #cors
How to reset mysql root password on ubuntu

How to reset mysql root password on ubuntu

#mysql
Using painterro with Vue.js

Using painterro with Vue.js

#painterro #vuejs
Change svg color in vue.js

Change svg color in vue.js

#vuejs
Flask vs django | easy expert comparison

Flask vs django | easy expert comparison

#python #django #flask
Fix django.db.utils.operationalerror: fe_sendauth: no password supplied

Fix django.db.utils.operationalerror: fe_sendauth: no password supplied

#django #postgresql
Fast upload file to AWS S3 from scratch

Fast upload file to AWS S3 from scratch

#aws #s3
menu