CSS
南风姑娘
如果你不敢想,就永远不会达到想要的高度!
展开
-
CSS之经典布局——头部底部固定,中间部分自适应高度,且中间部分包含左中右三部分,其中左右固定,中间自适应
实现效果:思路:头部和底部采用绝对定位,中间部分采用绝对定位,其top、bottom值为头部和底部的高度,中间部分内容的左右采用相对定位(采用绝对定位,浮动失效),中间采用绝对定位,其right、left值为左右的宽度。代码:<!DOCTYPE html><html lang="en"><head> <meta ...原创 2018-05-09 21:53:49 · 8898 阅读 · 0 评论 -
圣杯布局,双飞翼布局,弹性布局实现三栏布局(左右固定中间自适应)
实现三栏水平布局,左右固定中间自适应。DOM结构<div class="container"> <div class="main"></div> <div class="left"></div> &a原创 2018-09-11 17:39:26 · 912 阅读 · 0 评论 -
CSS布局之父容器宽高固定,包含的两个盒子间隔20px,分别距离父容器20px,两个盒子宽高相同
实现如下图所示的效果:实现方案:使用CSS3的calc()方法计算两个盒子的宽度,代码如下 .wp { position: relative; background-color:rgb(128, 165, 131); width: 300px; height: 300px; ...原创 2018-09-23 10:48:40 · 2265 阅读 · 0 评论