Верхний край внутри div не работает?

У меня есть div, содержащий ссылки (href). Все остальные поля работают с href, но верхняя граница не работает с href. Я хочу размещать ссылки в середине, но из-за того, что не работает верхняя граница, это невозможно. Я слышал, установив положение или дисплей, он может работать. Пожалуйста, предложите решения для кросс-броузеров.

div.MainContainer div.Links
{
    height: 57px;
    width: 100%;
    border-top: solid 0px #404040;
    border-left: solid 2px #404040;
    border-right: solid 2px #404040;
    border-bottom: solid 2px #404040;
    background-image: url("../Images/links_background.png");
}
div.MainContainer div.Links a
{
    font:12px verdana;
    color:White;
    margin:10px;
    border:dashed 1px white;
    margin:15px 20px 20px 20px ;
    width:100px;
}

Ответ 1

Вам нужно поместить элемент, чтобы сделать маржу или использовать дополнение.

div.MainContainer div.Links a
{
    float: left;
    font:12px verdana;
    color:White;
    margin:10px;
    border:dashed 1px white;
    margin:15px 20px 20px 20px ;
    width:100px;
}

Ответ 2

Высота встроенных элементов не может быть изменена, просто используйте display:inline-block; в своих ссылках.

Ответ 3

Попробуйте ниже. Я добавил overflow: hidden в верхнее определение и display: block и float: left в нижнее определение. Первое добавление очищает добавление поплавка, а последние два позволяют правильному положению на ссылках работать.

div.MainContainer div.Links
{
    height: 57px;
    width: 100%;
    border-top: solid 0px #404040;
    border-left: solid 2px #404040;
    border-right: solid 2px #404040;
    border-bottom: solid 2px #404040;
    background-image: url("../Images/links_background.png");
    overflow: hidden;
}
div.MainContainer div.Links a
{
    font:12px verdana;
    color:White;
    margin:10px;
    border:dashed 1px white;
    margin:15px 20px 20px 20px ;
    width:100px;
    display: block;
    float: left;
}

Ответ 4

Попробуйте padding-top в div.Links, а не margin-top на div.Links a.

Ответ 5

используйте padding-top: 1px (по крайней мере) для div.Links, и вам не нужно использовать float на div.Links a