Я пытаюсь показать вкладку nav (class="nav nav-tabs"
) под столом с вертикальным пространством.Активная вкладка nav не должна иметь нижнюю строку
Когда я использую «<p> </p>
» в качестве проставки, вкладки отображаются правильно. Но это слишком много места. Я предпочитаю использовать «<br />
».
Однако, когда я использую «<br />
», первая вкладка «Актив» приобретает горизонтальную линию на ее нижнем краю. Это неверно.
Это выглядит следующим образом:
Вот код. Хотя я не вижу проблемы в JSFiddle, только на моем сайте (не очень полезно?) ...
https://jsfiddle.net/iamrobertandrews/ndkmw1te/
Проблема проявляется в Chrome, но не на сафари в любой прошивкой или Mac OS X.
Как вы упомянули в вопросе, не очень полезно, что вы предоставляете ссылку jsfiddle, где вы не можете воспроизвести проблему ... предлагаю вам как можно больше сузить свой код и опубликовать соответствующий бит здесь ... это упражнение также может заставить вас найти виновника в этом процессе ...;) – webeno
и, кстати, что я делаю вообще в таких случаях, я нажимаю правой кнопкой мыши элемент (в этом в случае активной вкладки) и нажмите «Осмотреть» (при условии, что вы используете Chrome или Firefox ...); который затем покажет мне правила css, применяемые к этому элементу ... У Chrome есть вкладка «Вычислить» справа (не уверен в Firefox), в которой будет отображаться каждое правило CSS, применяемое к этому конкретному элементу, строка за строкой ... вы можете хотите посмотреть на его родительский элемент и дочерние элементы, посмотрите, есть ли у них эта граница где-то ... – webeno