原文:css实现左边div固定宽度,右边div自适应撑满剩下的宽度

使用float 使用table 用div模拟table 使用flex ...

2017-10-14 18:54 0 1127 推荐指数:

查看详情

div左边固定宽度右边自适应宽度

样式: <style type="text/css">   html,body { height: 100%; padding: 0; margin: 0; }   .outer { height: 100%; box-sizing: border-box ...

Thu Feb 14 00:58:00 CST 2019 0 795
css实现左边div自适应宽度右边宽度适应左边

利用bfc:右边盒子触发bfc,使其不与浮动盒子区域重叠,因此会重新计算宽度。 效果如图 补充一下:   BFC翻译过来是块级格式化上下文,和haslayout比较相似,但haslayout是旧版本IE下的一个专有属性,表示元素自己对自身的内容进行组织和计算。BFC ...

Mon Sep 26 18:35:00 CST 2016 0 6038
flex 左边固定宽度右边自适应

<div id="flex"> <div id="left">我在边,定宽</div> <div id="right">我在右边自适应</div> </div> #flex{ display: flex; } #left ...

Mon Feb 18 22:10:00 CST 2019 0 4122
css实现右侧固定宽度,左侧宽度自适应

https://blog.csdn.net/qq_22889599/article/details/78414040 反过来也可以:左侧宽度固定,右侧自适应。不管是左是右,反正就是一边宽度固定,一边宽度自适应。 这种布局比较常见,博客园很多默认主题就是这种。一般情况下,这种布局中宽度固定的区域 ...

Sat Apr 06 22:49:00 CST 2019 0 1325
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM