dreamcarp的专栏

dom结构：body> div class="left">hellodiv> div class="right">worlddiv>body>方法一：.left { width: 100px; height: 100px; border: 1px solid; position: absolute;}.right {

需要当前层比其他层高的时候可以用z-index.用的时候注意，z-index对普通文档流中的元素不起作用，必须设置定位。可以设置：{position:relative;z-index:1;}或{position:absolute;z-index:1;}或{position:fixed;z-index:1}

首先了解一下浮动的原理：给元素设置float属性后，该元素会脱离文档流，进行左右浮动，紧贴着父元素的左右边框。此元素空出的位置，由后续元素填充上去。dom结构：div class="container"> div class="left">hellodiv> div class="right">worlddiv>div>style样式：* {

浏览器有warning：cannot get height and width.解决方法：var worldMapContainer = document.querySelector('.echarts-content');// 用于使chart自适应高度和宽度,通过窗体高宽计算容器高宽var resizeWorldMapContainer = function () {

在项目中，遇到了iphone7 的兼容性问题：iphone7中在块与块之间设置margin-bottom没有撑开，无法实现滚动效果解决方案：把块与块之间margin-bottom改为块的padding-bottom属性，就实现了滚动效果。至于为什么这样设置，目前我还不太清楚。

1.一列多个标签，居中显示，当其中一个标签隐藏时，其他在html中居中显示ejs代码：div class="btns"> a class="btn btn-list js-to-list">查看我的推广a> a class="btn btn-add js-to-add">在该花费限额下添加门店推广a> a class="btn btn-continue

在做轮播图的过程中，使用大图858＊1262px。缩放后在mac下的Chrome，Safari下图片是清晰的，但windows下Chrome浏览器中图片不是很清晰，但能接受范围内，IE浏览器中图片中的文字很难辨认。尝试解决方案：把png图片改为jpg格式把大图切成缩放后图片所占位置的大小190*275px把轮播图的弹窗加大，图片所占位置变大，width:40%把

移动端页面撑满屏幕宽高，css样式： width: 100%; height: 100%; position: absolute; top: 0;

整理一下关于块和文字的水平垂直居中，这些是我们平时调样式时经常遇到的。1.dom结构，在浏览器中实现块及其文字的水平垂直居中body> div class="parent"> class="child">hello world!span> div>body>共同样式：* { margin: 0; padding