Css &引用;最后一句话;风格不起作用。边缘

Css &引用;最后一句话;风格不起作用。边缘,css,image,margin,Css,Image,Margin,HTML 用这个代码。我右边的图片应该有0页边距。但事实并非如此。它们与col-3相同,因为(31.5*3)+(1.8*2)=98.1。因此,1.9%位于右侧,正如您应用的float:left。右边的空格可能看起来像空白。 类的宽度。COL-3和.Calm应该是32%,余下的类是右边的。COL-3应该是2%。从我看来,它看起来应该是我代码中的其他东西。或者是媒体的质疑影响了它。hmmmyupp看起来像是因为其他css。。你问题中的代码对div很有效,你不需要添加ply display:block

HTML


用这个代码。我右边的图片应该有0页边距。但事实并非如此。它们与col-3相同,因为(31.5*3)+(1.8*2)=98.1。因此,1.9%位于右侧,正如您应用的
float:left
。右边的空格可能看起来像空白。

类的宽度。COL-3和.Calm应该是32%,余下的类是右边的。COL-3应该是2%。

从我看来,它看起来应该是我代码中的其他东西。或者是媒体的质疑影响了它。hmmmyupp看起来像是因为其他css。。你问题中的代码对div很有效,你不需要添加ply display:block-as-div是默认的块元素。是的,你是对的。第一次和我一起工作,我忘了我的计算器!我只是简化了我的计算。宽度为32%,边距为2%,这是一个完美的100%谢谢!
<div class="col-3"><a class="fancybox-effects-c" rel="group" href="images/image1.jpg" title="New Home Number Two"><img src="images/thumb_image1.jpg" class="fade" alt="" width="100%" /></a></div>
<div class="col-3"><a class="fancybox-effects-c" rel="group" href="images/image2.jpg" title="New Home Number Two"><img src="images/thumb_image2.jpg" class="fade" alt="" width="100%" /></a></div>
<div class="last"><a class="fancybox-effects-c" rel="group" href="images/image3.jpg" title="New Home Number Three"><img src="images/thumb_image3.jpg" class="fade" alt="" width="100%" /></a></div>
        .col-3 {
    width:31.5%;
    float:left;
    margin-right:1.8%;
    margin-bottom:1.6949%;
    display:block;
}

.last {
    width:31.5%;
    float:left;
    margin-right:0;
    margin-bottom:1.6949%;
    display:block;
}