Устранение неполадок с границей CSS на Div

Question

Устранение неполадок с границей CSS на Div

0

В настоящее время я создаю веб-страницу с сеткой, как вы можете видеть здесь в этой жизни. Однако я не могу понять, почему граница не появляется на моей площади "специального предложения" и на моем "портфельном" квадрате. Я все пробовал! Это, очевидно, проблема CSS, но она работает на всех остальных квадратах, кроме этих двух. Мог ли кто-нибудь, пожалуйста, взглянуть на живое существо выше и посмотреть исходный код, чтобы попытаться выяснить, почему граница не работает.

HTML OFE OF DIVS EFFECTED

<div class="trigger">
<div tabindex="0" class="testimony maincontent static"><div class="slider2">
<div class="just_text"><div class="caption-box">Portfolio</div><img src="slide1.png" height="200" width="200" /></div>
<div class="just_text"><div class="caption-box">Portfolio</div><img src="slide2.png" height="200" width="200" /></div>
<div class="just_text"><div class="caption-box">Portfolio</div><img src="slide3.png" height="200" width="200" /></div>
<div class="just_text"><div class="caption-box">Portfolio</div><img src="slide4.png" height="200" width="200" /></div>
</div></div>
</div>

HTML ДРУГИХ ДИВАННЫХ ЭФФЕКТОВ

<div class="trigger large">
        <div tabindex="0" class="testimonywide maincontent staticlarge"><div class="slider">
<div class="just_text"><div class="caption-box">Special Offer</div><img src="slide1.png" height="200" width="400" /></div>
<div class="just_text"><div class="caption-box">Special Offer</div><img src="slide2.png" height="200" width="400" /></div>
<div class="just_text"><div class="caption-box">Special Offer</div><img src="slide3.png" height="200" width="400" /></div>
<div class="just_text"><div class="caption-box">Special Offer</div><img src="slide4.png" height="200" width="400" /></div>
</div></div>
    </div>
</div>

Jesus Vasquez 14 апр. 2015, в 09:35

Источник

0

Обе площади имеют границу. просто спрятаться внутри другого div. Вы можете дать некоторую прибыль.
ketan 14 апр. 2015, в 07:14

Теги:

html

css

css3

stylesheet

border

4 ответа

1

Проблема в том, что ширина и высота этого div больше, из-за чего он скрывается. Просто позаботьтесь о них, вы сможете увидеть границу.

Чтобы быть более конкретным, уменьшите высоту .sssprev,.sssnext и .staticlarge элементов. Это решит вашу проблему. Я проверил его по ссылке, предоставленной вами.

Я пробовал с шириной 150 пикселей, и мне удалось увидеть границу.

Nitesh Phadatare 14 апр. 2015, в 06:37

0

Если вы хотите заказать границу для html, просто напишите

<div class="just_text" style="border-style: solid"><div class="caption-box">Special Offer</div><img src="slide4.png" height="200" width="400" /></div>
</div></div>

Атрибут style дает границу

style="border-style: solid"

deepak 14 апр. 2015, в 05:24

0

вам нужно удалить overflow: hidden; из .trigger div и необходимо соответствующим образом настроить div.

Надеюсь, это решит вашу проблему.

Roy Sonasish 14 апр. 2015, в 04:16

Ещё вопросы

Обе площади имеют границу. просто спрятаться внутри другого div. Вы можете дать некоторую прибыль.

Salman A · Accepted Answer · 2015-04-14T05-51-00.000Z

.trigger.large имеет ширину 400 пикселей.
.staticlarge (который является дочерним из вышеперечисленного) имеет ширину границы 400px плюс 1px. Его внешняя ширина составляет, таким образом, 402px.
.trigger имеет overflow: hidden поэтому он .trigger overflow: hidden .trigger.

Решение заключается в удалении жесткой кодировки шириной 400 пикселей на дочернем устройстве. Если вы должны указать ширину, укажите один из них:

398px
ширина: 100% + размер окна: рамка
width: calc (100% - 2px)