参考文档 https://www.cnblogs.com/jizhijunboke/p/4990091.html 一、两栏布局（左定宽，右自动） 1. float + margin 即固定宽度元素设置float属性为left,自适应元素设置margin属性，margin-left应 ...

自适应布局分两类：高度和宽度，方法有很多，我用三列布局举例，我就列几个通俗易懂的例子呗，懂了三列的，两列的原理一样，呵呵哒。 效果图如下：高度自适应——宽度自适应 1,高度自适应布局 原理就是把每个模块设置为绝对定位，然后设置中间自适应的模块的top ...

意思是图片能百分百显示在容器里，这个容器可以是table的td,也可以是DIV。以下用div做容器来说明。图片随页面的变化而变化，那么最好把div的宽度设置成百分比，而不是像素，这样div就不会被固定大小，从而能自适应页面的大小。<div style=" width="x%"> < ...

两栏布局，左边定宽200px，右边自适应。如何实现？我的第一个反应就是：用flex伸缩盒呀，然后balabala...说完之后，面试官说，还有没有别的方法？flex有些浏览器不支持嗯...我愣了一下，平常遇到这种问题貌似都是这么写的...别的方法？我又想了想。JS?对，JS肯定可以。然后就 ...

...

1、文字自适应宽度 从上面例子可以看出我们的div的宽度是继承了父级。 如果想要做到如下效果，我们只需简单几行代码即可实现。 关键代码如图： 我们通过flex，改变了次轴的对齐方式，使其重新计算宽度。 ...

方式1： 效果： 代码： 方式二： 代码： ...

利用CSS来布局页面布局DIV有点逻辑性!重点理解盒子模型,标准流和非标准流的区别,还有定位原理!把这3个攻破了,就非常简单了!多实践多参考!最后就是兼容问题了,在实践中自然就有经验了!这些兼容技巧都是经验来的! 盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子 ...