![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
绕岸垂杨
这个作者很懒,什么都没留下…
展开
-
bootstrap基础学习
header<meat name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/> width:移动设备的宽度 initial-scale:初始缩放比例,1:1 user-scalable:用户缩放,no禁止双击缩放 常用样式 .page-header 给标题添加一条分割线 列表原创 2018-01-03 23:29:39 · 168 阅读 · 0 评论 -
css样式--定位position
定位方式static:默认 fixed:固定 relative:相对定位 absolute:绝对定位 坐标:偏离目标元素的距离坐标的属性: left:数值 right:数值 top:数值 bottom:数值 固定定位 fixed 相对于浏览器端口进行的定位 如果不设置定位坐标,就在原来的位置 层级要比普通元素高 如果结合定位坐标,就是相对于目标位置的距离 设置固定定位后,一定是块级元素原创 2018-01-04 10:40:35 · 401 阅读 · 0 评论 -
盒子模型的计算
盒子尺寸计算 红盒子尺寸:红盒子内容区+margin(左右)+padding(左右)+border(左右) 黑盒子尺寸:黑盒子内容区+margin(左右)+padding(左右)+border(左右) 蓝盒子:蓝盒子内容区+margin(左右)+padding(左右)+border(左右) 如果是上面的结构,正常的文档流,设置margin,如果有叠加部分,qu叠加部分原创 2017-12-28 20:32:54 · 1256 阅读 · 0 评论 -
div设为浮动后,下面的文档向上移动,解决重叠
问题: 上方div设置浮动后,下面的div向上移动,重叠了,怎么解决重叠问题?解决方法 在下方div中添加样式,清除浮动,添加clear:both; 效果原创 2017-12-28 20:46:14 · 4967 阅读 · 0 评论 -
html-左侧固定宽度,右侧自适应宽度布局
左侧固定宽度,右侧自适应宽度结构 原理: 定位(position)中的absolute属性值可以使元素脱离正常文档流,后面的元素向上移动,将后面的元素设置margin-left属性值设置为前面脱离文档流的元素的宽度,就可以完全显示后面的内容。 html代码如下: html> head> title>左侧固定宽度,右侧自适应页面title> meta chars原创 2018-01-14 13:37:59 · 3653 阅读 · 0 评论