于父专题

CSS设置子元素设置margin-top作用于父元素

此文章借鉴于     http://blog.csdn.net/u012011360/article/details/41823125 解决方法:   1.给父元素增加border     2.给父元素增加padding     3.给父元素增加属性:overflow: hidden; 原理:根据规范,一个盒子如果没有上补白(padding-top)和上边框(border-t

position:absolute下,top:0,right:0,bottom:0,left:0 结合margin:auto的作用(让明确宽高的盒子水平垂直居中于父元素)

绝对定位 + margin,让明确宽高的盒子水平垂直居中于窗口 <!DOCTYPE><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0" ><meta http-equiv="X-UA-Compatible" content="ie=edge"

Bootstrap的宽度和高度的设置(相对于父元素的宽度和高度、相对于视口的宽度和高度)

在Bootstrap中,宽度和高度的设置分为两种情况,一种是相对于父元素的宽度和高度设置,以百分比来表示;另一种是相对于视口的宽度和高度设置,单位为vw(视口宽度)和vh(视口高度)。 01-相对于父元素的宽度和高度设置 示例代码如下: <!DOCTYPE html><html><head><meta charset="UTF-8"><title>相对于父元素的宽度和高度</title>