css宽度设置不对

Question

.wrap, .top_con{     width: 1000px; } * {     margin: 0;     padding: 0; } .serviceIntroducation a{     display: inline-block;     background-color: #666;     width: 235px;     height: 200px;     margin-right: 20px; } .pigService{     margin: 0; }现在情况就是 wrap宽度我给的是1000, 在wrap里面写了一个div,class叫serviceIntroducation,这个div里面有4个元素,我想让这四个元素两边对其, 彼此之间有间距, 格子给的宽度是235,间隔20 235*4 = 940+20*3=1000, 我的做法是右边距20,最后一个右边距给的是0, 但是最后一个被挤下去了, 想问我哪儿错了?   或者,想实现这种效果应该怎么给赋值?

Answer 1

几个改动都注释了

.wrap, .top_con{
    width: 1000px;
    font-size:0;     /*<a>标签有个默认间隔（最小字体间隔），这样可以去掉这个默认间隔*/
}

* {
    margin: 0;
    padding: 0;
}

.serviceIntroducation a{        /*这种标签选择器比下面类的选择器优先级更高*/
display: inline-block;
background-color: #666;
width: 235px;
height: 200px;
margin-right: 20px;
}

.pigService{
    margin: 0  !important;   /*加上确保优先级第*/
}