不同浏览器的默认padding系数问题

今天写一个html/css页面时候,设置ul大小为(width: 180px;
height:180px;)可是到浏览器中老是变成220X180px,导致后续ul的子元素页面排列老师出问题,后面打开浏览器审查元素一看,原来是360浏览器的默认系数原因不同浏览器的默认padding系数问题_第1张图片
如图,有一行(-webkit-padding-start: 40px;)这就导致ul的大小变成了220X180px啦,解决办法是在ul的css属性中改为(-webkit-padding-start: 0px;)像这样
.selector ul{ position: absolute; top:-20px; left: -20px; width: 180px; height:180px; -webkit-padding-start: 0px; }问题就解决了

你可能感兴趣的:(前端)