html: <div class="container"> <div class="left"> left固定宽度200px </div> <div class="right"> </div ...
使用float 使用table 用div模拟table 使用flex ...
2017-10-14 18:54 0 1127 推荐指数:
html: <div class="container"> <div class="left"> left固定宽度200px </div> <div class="right"> </div ...
样式: <style type="text/css"> html,body { height: 100%; padding: 0; margin: 0; } .outer { height: 100%; box-sizing: border-box ...
以下只是其中一种方法: ...
利用bfc:右边盒子触发bfc,使其不与浮动盒子区域重叠,因此会重新计算宽度。 效果如图 补充一下: BFC翻译过来是块级格式化上下文,和haslayout比较相似,但haslayout是旧版本IE下的一个专有属性,表示元素自己对自身的内容进行组织和计算。BFC ...
实现一个div,左边固定div宽度200px,右边div自适应<div class= "container"> <div class="left"></div> <div class="rigth"></div> </div ...
<div id="flex"> <div id="left">我在边,定宽</div> <div id="right">我在右边,自适应</div> </div> #flex{ display: flex; } #left ...
最近在百度 IFE 训练营中看见的一道题目: 用两种不同的方法来实现一个两列布局,其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化 个人总结出如下三种实现思路: 通过绝对定位实现 See the Pen absolute-two-column ...
https://blog.csdn.net/qq_22889599/article/details/78414040 反过来也可以:左侧宽度固定,右侧自适应。不管是左是右,反正就是一边宽度固定,一边宽度自适应。 这种布局比较常见,博客园很多默认主题就是这种。一般情况下,这种布局中宽度固定的区域 ...