说说目前遇到的一些坑

Posted 2020-08-13 小蚊子飞

1.div里面包住的图片会在div下面

解决：给body设置一个font-size=16px;

OK，能能解决大部分图片了。偶尔还有一两个还是这种情况：

解决：1，字体大小是可以继承的，一层一层的审查元素，有时去掉外面的div就好了

         2，来个粗暴的方法：直接设成背景图片

 

2.在写响应式布局时，宽度都用百分比了，可border怎么办？boeder是不支持百分比的

解决：

 div
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:50%;
float:left;
} 

 

就是量宽度时，把边框一起量进去，再把box-sizing改成border-box就万事大吉了