父div高度和宽度的应用

这是我自己在仿腾讯首页时遇到的布局问题，在此记录，如果有错，欢迎指正。

首先是对齐问题，可以把父div的高度设置为0，然后调整padding值，这样可以批量调整子div们和其他父div的相对高度。

这是父div的样式

.loginicon {width: 1000px;height: 0px;padding-top: 0px;display: block;
}

调整padding-top值，效果如下：

如此就对齐了，，除此之外还发现，这个父div设置为block，它会随着宽度的不同而进行自适应向上浮，width为500px时效果如下：

width为850时效果如下：

很多地方都可以应用。

转载于:https://www.cnblogs.com/shenyu1995/p/4819267.html

父div高度和宽度的应用相关推荐

html高度为零,html中父div高度为0的原因
问题: 在chrome中看到父div高度为0,但里面明明有内容. 原因: 简单的讲原因就是子元素如果设了float属性,这些子元素就脱离了父div容器的控制,所以父容器认为里面没内容,高度自然变成了0 ...
在html上js添加宽度,js 获取div高度并重新设置div高度与宽度
js 获取div高度并重新设置div高度与宽度 js 获取div高度并重新设置div高度与宽度 var $=function(id) { return document.getElementById( ...
div高度、宽度100% div width、height 100%
正像你所知道的那样,设置DIV大小的有两个属性width和height,以前在学习DIV每次给DIV设置100%宽度或高度时都很迷惑,不明确这个100%的宽度(高度)到底有多宽有多高?这个100%是从 ...
div高度、宽度100%|div width、height 100% - div100%
正像你所知道的那样,设置DIV大小的有两个属性width和height,以前在学习DIV每次给DIV设置100%宽度或高度时都很迷惑,不明确这个100%的宽度(高度)到底有多宽有多高?这个100%是从 ...
子元素div高度不确定时父div高度如何自适应
<br style="clear:both;" /> 转载于:https://www.cnblogs.com/lxthyme/p/5157950.html
js 实现上下拖动改变父 div 的高度，左右上下拖动动态分割孩子的宽高
1. 需求实现父 div 里面左右,上下动态分割 div,并上下改变父 div 的高度,并且宽和高都是按百分比(如图) . 2. 实现原理 2.1 父布局 <div class='hj-wr ...
用纯CSS让子DIV自适应父DIV的高度
我们在前端布局时经常使用栅格布局,而当栅格布局中的某个子元素高度发生变化,外层的父元素高度也会发生变化,如果此时想让其他子元素的高度依旧填充父元素,我们应该怎么做. 这是HTML部分代码,此时左侧的高 ...
子div浮动，父div宽度设置100%
今天在做导航条时,由于想要居中导航栏(子div),使用了float,导致父div高度塌陷,样式都没用,具体看下图: 结构大概是这样: nav是导航栏子div,使用了float:left,header是 ...
父div随着子div的高度改变而改变
父div随着子div的高度改变而改变问题情况1:父div未设置高度,子div为标准流(即未设置浮动) <body><div class="aa">父div ...

父div高度和宽度的应用

父div高度和宽度的应用相关推荐

最新文章

热门文章