1、绝对定位 元素没有设定position属性,但依旧具有position属性,其值为static 绝对定位的元素从文档流中删除,并相对于其最近的position属性为absolute、relative、fixed的祖先元素定位,若没有这样的祖先元素,则根据浏览器定位,元素原来在文档流中的控件被关闭 ...
分类:
Web程序 时间:
2016-12-07 20:52:38
阅读次数:
200
我在工作中需要固定表头这个功能,我不想去找,没意思。于是就写了一个,我写的是angularjs 自定义指令 起了个 "fix-header" 有人叫 “freeze-header” ,算了,看心情吧,最近心情不太好就不改了~~~ 想了想,我还是改成原生吧,angularjs就是个毛毛~~~。 先讲一 ...
分类:
编程语言 时间:
2016-12-07 20:06:48
阅读次数:
193
左右两边宽度固定,中间自适应 第一种方法:左右两边绝对定位 html代码 css代码 第二种方法:可以利用浮动,左边的左浮动,右边的右浮动 css部分 html部分; 第三种方法:这种方法是在实际的网站中应用的最多的,我个人感觉多少有些跟风的嫌疑。此方法很难用一句话概括。首先,中间的主体要使用双层标 ...
分类:
Web程序 时间:
2016-12-06 13:53:32
阅读次数:
228
一、相对定位:如果对一个元素进行相对定位,它将出现在它所在的位置上,通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。默认相对值是body。注意,在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其它框。检查元素看body可知。个人理解:这个相对是相对 ...
分类:
其他好文 时间:
2016-12-06 02:33:18
阅读次数:
125
两列布局:左边固定,后边自适应 第一种方法:左边的div左浮动或者是绝对定位,右边的div加margin-left:左边div的宽度 html部分 css部分 第二种方法:BFC(块级格式化上下文) 对于BFC的理解可以看 http://www.cnblogs.com/vitruvi/p/43038 ...
分类:
Web程序 时间:
2016-12-05 19:24:33
阅读次数:
134
效果图: 手机版网站顶部导航条布局分为3块:1、左侧返回上一页按钮(固定宽高)2、右侧菜单按钮(固定宽高)3、中间文字介绍(宽度自适应且文字居中) 要实现这个效果最简单的办法是2边绝对定位,中间text-align-center ...
分类:
移动开发 时间:
2016-12-04 16:17:58
阅读次数:
199
一、什么是containing block Containing block,翻译成中文也就是包含块,在CSS的visual formatting model(可视化模型)中是个很重要的概念,因为盒子的宽度/高度的自动值/相对值的计算,相对/浮动/绝对定位,都要依赖containing block。... ...
分类:
其他好文 时间:
2016-12-04 14:26:12
阅读次数:
402
总结了几种css居中实现的方式,注:*为常用方式,“wrap”为容器,“div”为要居中的元素。 *1.绝对定位,宽高都已知的情况下如下代码可实现,或者可以使用negative margins; 2.不知道元素的宽高,仅仅实现某个div是其父的1/2,水平垂直居中,随着父元素的大小等比例放大或者缩小 ...
分类:
Web程序 时间:
2016-12-03 21:04:02
阅读次数:
232
一、相对定位 position:relative; 作用: 相对定位 一般加给定位元素父级 特点: (1)不脱离文档流; (2)不改变元素类型; (3)参照物是元素本身; 二、绝对定位 position:absolute; 一般会设置定位方向 left、top、right、bottom 特点: (1 ...
分类:
其他好文 时间:
2016-12-03 18:40:42
阅读次数:
224