                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /如何用CSS进行网页布局

百分比和固定像素的两列布局

左侧是固定宽度比如说是100px，而右边的宽度要占满剩余部分，即100%-100px

CSS3中可以使用calc(100% - 100px)来实现，但是CSS兼容问题 iE9以下都不识别，请问有其他办法来实现吗？

易慕秋

2016-11-04

源自：如何用CSS进行网页布局 3-1

关注问题我要回答

702

操作

收起

3 回答

socratesT
2018-06-27

外层div清一下浮动就可以用了

0 回复有任何疑惑可以回复我~

收起回答

socratesT
2018-06-27

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

.one{

width: 100px;

height: 500px;

background: red;

float: left;

}

.two{

width: 100%;

height: 500px;

background: blue;

}

</style>

</head>

<body>

</body>

</html>

0 回复有任何疑惑可以回复我~

收起回答

随风love36
2016-11-04

用position：absolute；定位，然后左侧外边距设置为100px；

1 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

如何用CSS进行网页布局

参与学习 209551 人
解答问题 1206 个

用最简洁的案例教你布局的那些知识，这是前端工程师基本技能

进入课程

百分比和固定像素的两列布局

我要回答关注问题

热搜

最近搜索清空

百分比和固定像素的两列布局

3 回答

百分比和固定像素的两列布局