发表于： 2019-04-15 21:33:19
1 714
今天完成的事情：
1.开始css任务9
2.解决任务8的深度思考
明天计划的事情：
1.继续css任务9
2.继续学习bootstrap
3.继续学习媒体查询
遇到的问题：
暂无
收获：
1.margin负值在页面布局中有哪些应用
1）左右列固定，中间列自适应布局
适用于左右栏宽度固定，中间栏宽度自适应的布局。由于网页的主体部分一般在中间，很多网页都需要中间列优先加载，而这种布局刚好满足此需求。
css
html
结果
2）去除列表右边框
项目中经常会使用浮动列表展示信息，为了美观通常为每个列表之间设置一定的间距（margin-right）,当父元素的宽度固定式，每一行的最右端的li元素的右边距就多余了，去除的方法通常是为最右端的li添加class，设置margin-right:0; 这种方法需要动态判断为哪些li元素添加class，不过利用负margin就可以实现下面这种效果：
3）负边距+定位：水平垂直居中
使用绝对定位将div定位到body的中心，然后使用负margin（content宽高的一半），将div的中心拉回到body的中心，已到达水平垂直居中的效果。
返回列表
评论