1 给浮动元素的父元素设置高度,只适合高度固定的布局,要给出精确的高度,如果高度和父级div不一样时,会产生问题。 2 在浮动元素后加一个空div,给div设置css属性:clear: both; 让父级div能自动获取到高度,浏览器支持好,如果页面浮动布局多,就要增加很多空div,让人感觉很不好。 ...
分类:
Web程序 时间:
2018-03-02 12:30:38
阅读次数:
262
1.为第一个浮动元素的父级元素设置高度。我们知道浮动对造成原来布局变化的原因就是,子元素的脱标。导致父元素的高度坍塌。所以那,我们为父元素设置了高度就可以避免脱标带来的影响。上代码: 效果如下: 拓展:在进行练习的时候,犯了一个错误。我用p标签取包裹了div标签。导致生成的网页,有两个p标签的宽度。 ...
分类:
其他好文 时间:
2018-03-01 13:22:17
阅读次数:
217
一、前言 行内标签:类似span,无法设置高度,宽度,padding,margin 块级标签:类似div,可以设置高度,宽度,padding,margin 默认情况下是这个样子的,但是可以通过display来进行设置 二、display样式 2.1 display:inline 作用:可以将块级标签 ...
分类:
Web程序 时间:
2018-02-08 17:53:34
阅读次数:
357
jquery easyui datagrid 无滚动条,datagrid 没垂直滚动条 蕃薯耀 2018年2月6日 http://www.cnblogs.com/fanshuyao/ 一、问题描述: 当jquery easyui datagrid中数据量大时,body页面又设置高度超出隐藏时(如:o ...
分类:
Web程序 时间:
2018-02-06 20:24:06
阅读次数:
256
一、适配问题解决方案:流式布局+viewport1、流式布局百分比布局,通过设置盒子的宽度为百分比来根据屏幕的大小进行伸缩,特点是不受固定像素的限制,内容向两侧填充2、viewport在移动端用来承载网页的这个区域,就是我们的视觉窗口,也叫viewport(视口),这个区域可设置高度宽度,可按比例放大缩小,而且能设置是否允许用户自行缩放。<metaname="viewport&qu
分类:
移动开发 时间:
2018-02-01 10:43:29
阅读次数:
223
昨天总结了css中水平居中的方法,今天来总结一下css中实现垂直居中的方法。 line-height line-height用于实现单行文本的垂直居中,如下图中,我们要求单行文本垂直居中,只需要将div2设置行高line-height和height的值相同即可,也可以不用设置高度,因为单行文本的行高 ...
分类:
Web程序 时间:
2018-01-14 19:32:25
阅读次数:
209
引出问题: 这里没有给最外层的div 设置高度,如果它里面的元素不浮动的话,那么这个外层的高是会自动被撑开的。但是当内层元素浮动后,就出现了一下影响: 1. 使用额外标签法 这是早期普遍使用的方法,但是对于有代码洁癖的人来说,解决的不够完美 2.使用 :after 为元素 原理:他是利用:after ...
分类:
Web程序 时间:
2018-01-07 20:20:13
阅读次数:
204
一、宽度自适应 语法:width:100%; 注: a)块状元素的默认宽度为100% b) 当给元素设置宽度为100%时,继承父元素的宽度 c) 通常使用宽度自适应实现通栏效果 二、高度自适应 语法:height:auto;(等同于不给元素设置高度) 三、最小高度,最大高度,最小宽度,最大宽度 1. ...
分类:
Web程序 时间:
2018-01-02 23:32:32
阅读次数:
236
一、子元素都是浮动元素时,父元素最好是不用设置高度,防止子元素不设置高度溢出父元素 有时候会有零点几的误差高度 直接设置子元素高度即可 通过 clear: both;清除子元素浮动达到父元素自适应高度 二、vertical-align 属性设置元素的垂直对齐方式。 该属性定义行内元素的基线相对于该元 ...
分类:
Web程序 时间:
2017-12-28 19:48:06
阅读次数:
153