父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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/256691.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

flume package遇到的问题

flume打包遇到的一些问题 1.ipc兼容性问题,线上使用2.3.0的hdfs,但是打包时默认为1.2.1的 123408 Apr 2015 19:38:25,122 WARN [SinkRunner-PollingRunner-DefaultSinkProcessor] (org.apache.flume.sink.hdfs.HDFSEventSink.process:455) - HDFS IO e…

有限元笔记06-三维实体单元

多个四面体单元组合起来可以形成六面体

python读取excle表格数据,将数据编辑到图像上工程

这里写目录标题一级目录:python读取excel表格内容二级目录:python如何分割字符串三级目录:python如何在图像的相应位置编辑文字或者字母、数字一级目录:python读取excel表格内容 二级目录:python如何分割字符串 三级…

暑假计划

保研的事还是要听天由命。日常拜锦鲤大王。 生产实习呢....估计也是要水过去。等尘埃落定后再补补这些项目吧。 字符串: 1.后缀数组专题(知乎专栏) 2.熟练AC自动机 dp: 3.状压dp轮廓线dp入门 4.数位dp 数学: 5.FFT容斥…

使用junit测试用例

通常只会使用junit测试非main方法,在我眼里就是程序入口实现而已。今天,发现原来可以测试类。 针对mybatis练习。在需要测试的UserDaoImpl类上右键,新建一个junit case,位置可以放到新创建的source folder :test里面。 选择需要测试的方法&am…

H5页面适配所有iPhone和安卓机型的六个技巧

1、viewport 简单粗暴的方式&#xff1a; <meta name"viewport" content"width320,maximum-scale1.3,user-scalableno"> 直接设置viewport为320px的1.3倍&#xff0c;将页面放大1.3倍。 为什么是1.3&#xff1f; 目前大部分页面都是以320px为基准的布…

最优化作业第6章——无约束多维非线性规划方法

代码&#xff1a; #导入模块 from sympy import * import sympy as sp #将导入的模块重新定义一个名字以便后续的程序进行使用 from numpy import * import numpy as np#定义主要的处理函数 def main():#x1,x2&#xff1a;目标函数变量&#xff1b;alpha&#xff1a;步长因子…

linux的进程与库之间的通信两种方式

文章目录前言一、进程A与算法库b的通信方式之一&#xff1a;动态dlopen加载算法库b&#xff0c;编译的时候是需要加载该头文件就可以&#xff0c;无需连接该算法库b具体的实施细节&#xff1a;二、进程A与算法库b的通信方式之二&#xff1a;进程A编译的时候连接上算法库b和该头…

Day03——类、值和对象

1.js数字-NaN和Infinity 1、在js中&#xff0c;有一种特殊的数值&#xff0c;叫做NaN&#xff08;Not a Number&#xff09;&#xff0c;表示本来要返回数值的操作却未返回数值的情况&#xff0c;例如0除以0的操作&#xff0c;在其它语言中会报错误或异常&#xff0c;而在js中&…

ASIHTTPRequest详解 [经典3]

大文件断点续传 0.94 以后支持大文件的断点下载&#xff0c;只需要设置&#xff1a; [ request setAllowResumeForFileDownloads:YES ]; [ request setDownloadDestinationPath:downloadPath ]。 就可以了。 ASIHTTPRequest会自动保存访问过的&#xff35;&#xff32;&#xf…

python矩阵相关操作

1.创建mxn的矩阵 import numpy as np from numpy import *x np.array([[2,1],[1,2],[2,2])#创建了一个3x2的数组 x np.mat(x)#将数组转化为矩阵2.数组与矩阵的转化 from numpy import * import numpy as np#数组转化为矩阵 matrix np.mat(array)#矩阵转化为数组 array ma…

关于F5的一些基础话题

负载均衡器通常称为四层交换机或七层交换机。四层交换机主要分析IP层及TCP/UDP层&#xff0c;实现四层流量负载均衡。七层交换机除了支持四层负载均衡以外&#xff0c;还有分析应用层的信息&#xff0c;如HTTP协议URI或Cookie信息。一、F5配置步骤&#xff1a;1、F5组网规划(1)…

传输协议上的字节解析问题

1、 低字节在前&#xff0c;高字节在后 2、0x01高字节 &#xff0c; 0x00 低字节&#xff0c;如何组合成一个字节 3、0x01 0000 0000 0000 0001 4、0x00 0000 0000 0000 0000 5、按照组合规则&#xff0c;低字节在前&#xff0c;高字节在后组合成的新数据 6、0x01 0x00 0x0…

POJ C++程序设计 编程题#7:字符串排序

编程题&#xff03;7&#xff1a;字符串排序 来源: 北京大学在线程序评测系统POJ (Coursera声明&#xff1a;在POJ上完成的习题将不会计入Coursera的最后成绩。) 总时间限制: 1000ms 内存限制: 1024kB 描述 请按照要求对输入的字符串进行排序。 #include <iostream> #inc…

Delphi格式化函数Format、FormatDateTime和FormatFloat详解

转自&#xff1a;http://outofmemory.cn/code-snippet/7631/Delphi-format-hua-function-Format-FormatDateTime-FormatFloat-explainindetail 1.Format 根据指定所需要的格式&#xff0c;格式化字符串。 原型&#xff1a; function Format(const Format: string const Args: a…

OSPF地址汇总配置

配置过程在R1上&#xff1a;1. 给 Loopback 0 接口分配IP。2. 给ethernet 0/0 接口分配 IP3. 开启OSPF路由协议&#xff0c;进程号为110&#xff0c;并宣告直连网段。在R2上&#xff1a;1. 给ethernet 0/0 接口分配 IP2. 开启OSPF路由协议&#xff0c;进程号为110&#xff0c;并…

论文写作与学术规范课堂笔记01——4.30

论文质量的判断标准 &#xff08;原创&#xff09;创新性&#xff1a;观点、方法、材料 写作质量&#xff1a;逻辑性、语言清晰、数学数据、格式、数据可视化 论文写作的提升路径 模仿 经验

requirejs学习之-- 初始化(一)

为了规范在项目中使用的javascript代码&#xff0c;我们使用了requirejs框架。 初始阶段&#xff0c;我们在按钮的点击事件中调用创建的模块&#xff0c;代码如下&#xff1a; function button_click() {_this this;var args _this["Command_Params"] || (_this.co…

ROS系统中的多个版本Boost问题

1、删除多余的boost版本&#xff0c;只需要删除该版本的libboost*库以及Boost的头文件&#xff0c;不需要使用sudo apt-get rm --pugre libboost-dev sudo apt-get armove libboost-dev;这种卸载会把很多Boost依赖的库删掉&#xff1b;想要单纯的只删除当前版本的Boost库&#…

iOS的通知

首先,什么是通知呢,通知跟代理的功能是一样的,都是传值,调方法,但是我个人觉得通知比代理还是要简便的,而且功能更强大,如果你代理弄懂了,那么通知也就非常容易理解了,我认为通知比代理书写更容易,而且功能更强大.代理是一对一传值,但是通知可以一对多或多对多,好了不多说了给大…