css实现左边div固定宽度，右边div自适应撑满剩下的宽度
2018-01-11 09:52
621 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.use-float>div:first-child{
width:100px;
float:left;
background: red;
}
.use-float>div:last-child{
overflow:hidden;
background: yellow;
}
</style>
</head>
<body>
<div class="use-float">
<div>left</div>
<div>right</div>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- css实现左边div固定宽度，右边div自适应撑满剩下的宽度
- css实现左边div固定宽度，右边div自适应撑满剩下的宽度
- css实现左边div固定宽度，右边div自适应撑满剩下的宽度
- 实现左边div固定宽度，右边div自适应撑满剩下的宽度的布局方式
- 实现一个div，左边固定div宽度200px，右边div自适应
- 实现一个div，左边固定div宽度200px，右边div自适应
- css三列布局，左边两个div固定，最右边宽度自适应
- 实现两个div，左边固定div宽度200px，右边div自适应
- css实现左边div自适应宽度，右边宽度适应左边
- 实现一个div，左边固定div宽度200px，右边div自适应
- CSS 布局实例系列（二）如何通过 CSS 实现一个左边固定宽度、右边自适应的两列布局
- CSS 布局实例系列（二）如何通过 CSS 实现一个左边固定宽度、右边自适应的两列布局
- 左边DIV固定宽度，右边的DIV如何自适应填满剩下的屏幕宽度
- 左边div固定宽度，右边div宽度自适应
- 两列布局，左边div固定宽度，右边宽度自适应
- css布局：左边固定宽度，右边自适应宽度或右侧固定，左侧自适应三种方法
- 两个div左边的固定宽度右边的自动填充的css
- css样式实现左边的固定宽度和高度的图片或者div跟随右边高度不固定的文字或者div垂直居中（文字高度超过图片，图片跟随文字居中，反之文字跟随图片居中非table实现）
- 总结几种实现右边宽度固定，左边宽度自适应的css布局
- 通过 CSS 实现一个左边固定宽度、右边自适应的两列布局