CSS без ширины границы

Question

Я делаю простой интерфейс с вкладками из divs.Может кто-нибудь предложить способ сделать div иметь ширину нижней границы 0px, в противном случае я получаю разрыв в 1px между div и tab-содержимым.Я использую border-left, border-right и border-top вместо border и border-bottom: 0px;?

Спасибо,

Джеймс

Answer 1

Вы можете использовать:

border-width: 1px;
border-bottom-width: 0px;

Устанавливает все в 1px, а затем переопределяет низ в 0px.

Также действительна стенография:

border-width: 1px 1px 0 1px;

Где третье значение - нижняя ширина (сверху, справа, снизу, слева)

Answer 2

Когда вы используете рамку, она идет по часовой стрелке и повторяет не указанные детали на зеркале.

Итак, вы хотите: border-width: бла-бла 0px бла

Кроме того, вы уверены, что это граница? Это также может быть отступ или отступ (<- более вероятно). </p>

Answer 3

Используйте css reset в качестве первого включенного файла css.

Answer 4

Когда у вас есть два DIV как братья и сестры, вот так:

<div> One </div>
<div> Two </div>

тогда по умолчанию между ними нет пробела.

Доказательство: http://jsfiddle.net/simevidas/wm7GA/