更新

Question

我正在我的投资组合网站上工作，我不知道如何摆脱空白。

基于inspect元素，其样式为ul.AMSI，但未在我的styles.css中使用

图片托管在 https://i.imgur.com/jWRzy86.png

我试图检查元素，但这没有帮助。

对此的任何提示将不胜感激。

URL：https://portfolio-thomas-2019.herokuapp.com/

更新

再次感谢您的支持

我尝试过的

删除所有AMSI Li填充和边距

.AMSI li {
    list-style: none;
    display: inline-block;
    text-align: center;
    color: #EC7108;
}

评论了我问题周围不同区域的边距和填充，希望能找到问题，但我找不到。

我将极端情况更改为十六进制＃EC7108。

根据我的经验，我不知道要解决我的问题的任何其他角度，而是要问所有出色的开发人员。

Answer 1

class Prices { public static double milkPriceCow; public static double milkPriceGoat; public static double waterPrice; public static double sheepWoolPrice; public static double jersyTax; public static double taxPerKg; } abstract class Animal { protected int id; protected double amtWater; protected double dailyCost; protected double weight; protected int age; protected string color; public Animal(int id, double amtWater, double dailyCost, double weight, int age, string color) { this.id = id; this.amtWater = amtWater; this.dailyCost = dailyCost; this.weight = weight; this.age = age; this.color = color; } } class Cow : Animal { protected double amtMilk; protected bool isJersy; public Cow(int id, double amtWater, double dailyCost, double weight, int age, string color, double amtMilk, bool isJersy) : base(id, amtWater, dailyCost, weight, age, color) { this.amtMilk = amtMilk; this.isJersy = isJersy; } } class Goat : Animal { protected double amtMilk; public Goat(int id, double amtWater, double dailyCost, double weight, int age, string color, double amtMilk) : base(id, amtWater, dailyCost, weight, age, color) { this.amtMilk = amtMilk; } } class Sheep : Animal { protected double amtWool; public Sheep(int id, double amtWater, double dailyCost, double weight, int age, string color, double amtWool) : base(id, amtWater, dailyCost, weight, age, color) { this.amtWool = amtWool; } } class Dog : Animal { public Dog(int id, double amtWater, double dailyCost, double weight, int age, string color) : base(id, amtWater, dailyCost, weight, age, color) { } }元素是问题的一部分。您应该在其中添加这种样式

<ul>

这本身不能解决问题。但是，在此.AMSI { margin-bottom: 0; padding-bottom: 0; }元素之后，页面上有一个流浪<p></p>。

您应删除此<ul>标记（假设它为空，因为您没有使用它。） <p>标签的底边距为1rem，这会引起空白

Answer 2

我只是看了看页面，似乎出现了问题，该问题与社交媒体图标所在的无序列表的样式有关。

.AMSI li {
    list-style: none;
    display: inline-block;
    text-align: center;
    color: #EC7108;
    padding: 4px;
    margin-bottom: 10px;
}

利润率底部很可能是问题所在。

Answer 3

您的ul class =“ AMSI”中有margin-bottom，需要设置margin-bottom：0
在ul class =“ AMSI”下面有一个p标记，里面有空内容，它的底部也是margin。然后也将其删除。

如何删除div之间的空白？

更新

3 个答案: