在日常开发中，经常会碰到这样一个需求，两个div并排布局，固定一个div的宽度，使另一个div沾满剩余宽度。肯定是有多种的实现方式的，如果单纯的使用css来实现的话
第一种、可以设定两个自元素的浮动都为左浮动或都为右浮动（反正是沾满一行，左右浮动都行），并使用百分比的方式设置这两个自元素的宽度之和为100%就可以实现了。
两个自元素都浮动宽度只和为100%
第二种、可以只设置第一个自元素的浮动为左浮动并给它你预期的宽度，第二个子元素的overflow设置为hidden即可，
只第一个元素浮动，第二个元素设置overflow为hidden
相比而言第二种好像写的代码少一点。。。不管如何能够满足需求即可
在日常开发中，经常会碰到这样一个需求，两个div并排布局，固定一个div的宽度，使另一个div沾满剩余宽度。肯定是...
css实现左右布局 左边图片固定宽度 右边div自动撑满两种方案外层div设置左padding 里面div宽度10...
1.左右布局 实际项目开发过程中遇到页面 DIV 左右布局的需求：左侧 DIV 固定宽度，右侧 DIV 自适应宽度...
左侧固定宽度，右侧自适应宽度的两列布局实现 html结构 在外层div（类名为outer）的div中，有两个子di...
1、左右布局 左侧 div 固定，右侧 div 自适应宽度，填充满剩余页面 ①左侧 div 设置float属性为l...
1、水平居中（宽度未知） 例：有两个div，大的div包裹着小的div，如何使小的div水平居中在大的div中？ ...
四、DIV+CSS标准化布局 （六）、DIV+CSS布局设计 元素居中，块元素和行内元素 块元素：需要指定宽度，居...
需求： 在一个大div内有两个div，横向排列，要求两个div正好占满一行且左边的宽度不固定。如下： 宽度不...
CSS DIV网页布局中当分辨率小于等于1024px（像素）时，DIV布局对象显示1000px宽度，当分辨率大于...
双飞燕布局： 两边的div宽度固定， 中间的div自适应 1 实现方式一： position:absolute; ...
本文标题：css中两个div并排布局，固定一个div的宽度，使另一个div
本文链接：https://www.haomeiwen.com/subject/rjerzctx.html
网友评论