摘要： .div{ width:100%; height:0px; padding-bottom:100%; position:relative; } .div img{ width:100%; height:100%; position:absolute; left:0; top:0;} 阅读全文

摘要： 使用绝对定位 对这三栏都实现绝对定位，其中中间绝对定位的位置是上下两栏的高度，内容超出则中间部分出现流动条； 代码实现： 使用flex布局 还可以使用flex布局实现这一布局，将flex-direction设置为column，定义排列方向为竖排，还需注意的是要定义页面的整体高度为100% 阅读全文