内联与块
摘要:内联元素会根据父级块元素 自动在里面排版 对于内联元素 在div里 设置div的text-align: right; 就可以设置内联元素在div的右侧显示
阅读全文
posted @
2017-02-08 10:09
路过的二师兄
阅读(119)
推荐(0)
div垂直居中
摘要:1 行高和div相同2 外层div 设置 display: table-cell; vertical-align: middle;
阅读全文
posted @
2017-02-08 10:08
路过的二师兄
阅读(96)
推荐(0)
元素水平对齐
摘要:vertical-align:top; 两个在一个大div下的两个小div,都是inline-block,两个div连不上,设置body字体为font-size为0,两个就连上了
阅读全文
posted @
2017-02-08 10:08
路过的二师兄
阅读(207)
推荐(0)
自适应 方法
摘要:相对大小的字体字体也不能使用绝对大小(px),而只能使用相对大小(em)。body {font: normal 100% Helvetica, Arial, sans-serif;}上面的代码指定,字体大小是页面默认大小的100%,即16像素。 h1{font-size: 1.5em;}然后,h1的
阅读全文
posted @
2017-02-08 10:08
路过的二师兄
阅读(164)
推荐(0)
自适应 自编css
摘要:* { margin: 0; padding: 0; } .noMP{margin: 0;padding: 0;} html{width:100%;height:100%;} body{width:100%;height:100%;zoom: 1; overflow:auto;font: norma
阅读全文
posted @
2017-02-08 10:07
路过的二师兄
阅读(160)
推荐(0)
margin padding
摘要:在使用bootstrap的时候 行内的div一个宽200px的divmargin 10 的话 宽就是210px padding 10 的话 宽还是200px div内容宽就剩190pxborder 跟padding一样算入div的宽度 border宽加div宽=div设的宽度bootstrap 在使
阅读全文
posted @
2017-02-08 10:01
路过的二师兄
阅读(212)
推荐(0)
三行单列 上下固定高度 中间自适应
摘要:1:方法一<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www
阅读全文
posted @
2017-02-08 09:59
路过的二师兄
阅读(148)
推荐(0)
CSS 定位机制
摘要:CSS 有三种基本的定位机制:普通流、浮动和绝对定位。 相对定位是“相对于”元素在文档中的初始位置 绝对定位的元素的位置相对于最近的已定位祖先元素,如果元素没已定位的祖先元素,那么它的位置相对于最初的包含块。脱离文档流,他的宽高设成%的话,是它相对的 当sub1的父对象(或曾祖父,只要是父级对象)p
阅读全文
posted @
2017-02-08 09:58
路过的二师兄
阅读(144)
推荐(0)
浮动div高度为百分比解决方案
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or
阅读全文
posted @
2017-02-08 09:55
路过的二师兄
阅读(1438)
推荐(0)
CSS position绝对定位absolute relative
摘要:常常使用position用于层的绝对定位,比如我们让一个层位于一个层内具体什么位置,为即可使用position:absolute和position:relative实现。 一、position语法与结构 - TOP position语法: position : static absolute rel
阅读全文
posted @
2016-06-21 19:45
路过的二师兄
阅读(327)
推荐(0)