CSS利润率并不如预期

正如你所看到的，阿凡达的宽度宽于我想要的。我曾尝试设置margin-right和width，但似乎都不起作用。

问题

如何减少列的宽度？

2017-04-19 Richard

这不是保证金，当你把它放在边上时，保证金是有颜色的，它的实际尺寸导致.col类占用100％，尝试将.col-person-avatar设置为固定（160.44 px在这个除非你需要它是百分比 .col-person-avatar {width = 160.44px; } – subkonstrukt

嗨subkonskrukt，谢谢。当我将宽度设置为37px或更少时，它似乎崩溃了。这对我行得通。 – Richard

你所看到的是padding而不是margin。该元素没有任何margin。您在浏览器上看到的绿色是padding。

.col.col-person-avtar { 
padding-right: 0; 
}

，如果你查见的代码，col类已经有margin:0给出，因此不存在margin

如果还是不行，请尝试给它!important;

.col-person-avtar { 
padding-right: 0 !important; 
}

而犹若这不符合您的要求尝试下面的代码。

.col-person-avtar { 
width: calc(100% - 15px) !important; 
}

这15px可以改变你想要的任何值，尝试修改它，直到你得到所需的输出。

来源

2017-04-19 09:59:51

谢谢Deepak，但不幸的是'padding-right：0;'没有效果。 – Richard

你试过给它“重要”吗？比如'padding-right：0！important;'？ –

@Richard更新了我对多种可能解决方案的回答。 –

更换

.col-person-avatar { 
    padding-top: 0px; 
    margin-right: 0px; 
}

要

.col-person-avatar { 
    padding-top: 0px; 
    margin-right: 0px !important; 
}

这里，！重要将覆盖现有的类是可用的地方在您的项目。谢谢！

来源

2017-04-19 10:04:26

如果它是蓝色区域的多余空间要删除，那么你将不得不减少宽度的前面的div或删除宽度：100％从.col应该做的伎俩。

如果要删除绿色区域中的空间，请删除填充。 :)

来源

2017-04-19 10:19:50

CSS利润率并不如预期

回答

相关问题