-
margin+float布局
-
display：flex布局
-
display:table & dispaly:table-cell布局
-
relative+absolute布局
大家好好参考哟，很有用的
那么很多人问，如果我们需要高度自适应怎么处理，安排
这个和下面三个不一样，除了去掉父级高度除外，还需要设overflow:hidden;还需要给左右两侧加这个类
.row {
margin-bottom: -10000px;
padding-bottom: 10000px;
/
内外补丁是关键，父级给hidden掉了
/
}
可以动手试试，很妙
代码不动，把父级的高度去掉即可支持
-
display:table & dispaly:table-cell布局
代码不动，把父级的高度去掉即可支持
代码不动，把父级的高度去掉即可支持
前言在我们整个PC端的项目上，有很多的主页面布局采用的是两列布局，左侧定，右侧自适应；或者右侧定，左侧自适应上代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style> body { color: #fff; } .fix
<div class="vcard_data_txt clearfloat address">
<span class="vcard_data_title vcard_data_value_mr">地址</span>
<span class="vcard_data_value vcard_data_valu...
前端工程师三把斧，
HTML
,CSS,JavaScript 。其中css看似简单，其实真的要
布局
起来，仍然需要技巧。BAT中百度和阿里还是比较看重css
布局
能力，这次就以阿里巴巴2016年前端工程师笔试题为例讲一下实现2
列
或多
列
自
适应
布局
的几种方法。
先看一下阿里的题目吧：
实现如下页面
布局
。核心区域左侧自
适应
，右侧固定
宽度
200px。见图：
先不说header和foot
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>全屏
布局
</t...
