2017年4月20日
有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度。
摘要： box-sizing方案 和 absolute position方案 1.外层box-sizing: border-box; 同时设置padding: 100px 0 0； 2.内层100像素高的元素向上移动100像素，或使用absolute定位防止占据空间； 3.另一个元素直接height: 10 阅读全文
posted @ 2017-04-20 16:05 舞动键盘的小虾米 阅读(5084) 评论(0) 推荐(1) 编辑
HTML网页布局：静态、自适应、流式、响应式
摘要： 静态布局（Static Layout）即传统Web设计，对于PC设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分；对于移动设备，单独设计一个布局，使用不同的域名如wap.或m.。自适应布局（Adaptive Layout）自适应布局（Adaptive）的特点是分别为不 阅读全文
posted @ 2017-04-20 13:57 舞动键盘的小虾米 阅读(325) 评论(0) 推荐(0) 编辑
元素竖向的百分比设定是相对于容器的高度吗?
摘要： 这是我之前遇到的一个面试题，经过一番验证，发现无论回答“是”or "否"都不太准确 1、竖向百分比 ——之height .con{ width: 200px; height: 100px; background: gray; margin-left: 200px; } p{ /*margin-top 阅读全文
posted @ 2017-04-20 13:13 舞动键盘的小虾米 阅读(840) 评论(0) 推荐(0) 编辑