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;   /*加上确保优先级第*/ }