2017-01-13 2 views
0

У меня есть div, и у него есть полоса прокрутки, добавленная к ней. Мой HTML для div выглядит следующим образом.Полоса прокрутки закругленных краев

<div class="col-lg-3 col-md-3 col-sm-3"> 
    <div class="chat-box-new-div"> 
    <div class="chat-box-new-head">Frequently Asked Questions .. 
    </div> 
    <div class="panel-body chat-box-new"> 
     <ul class="questionsUl"> 
     <li>Who is a public official?&nbsp;</li> 
     <li>My client asked if her son can intern with the company as a favor to her, that isn't a problem is it?&nbsp;</li> 
     <li>My friend works for the client, does that mean I can't give her a gift?&nbsp;</li> 
     <li>Is there certain criteria for gifts and entertainment&nbsp;</li> 
     <li>How do I know if Gift or Entertainment is permissible?&nbsp;</li> 
     <li>can I give gift cards to my team?&nbsp;</li> 
     <li>Do I need approval to give a gift?&nbsp;</li> 
     <li>Are Facilitating Payments” to Public Officials allowed?&nbsp;</li> 
     <li>is there approval needed for gifts to public officials?&nbsp;</li> 
     <li>Who is a public official?&nbsp;</li> 
     <li>My client asked if her son can intern with the company as a favor to her, that isn't a problem is it?&nbsp;</li> 
     <li>My friend works for the client, does that mean I can't give her a gift?&nbsp;</li> 
     <li>Is there certain criteria for gifts and entertainment&nbsp;</li> 
     <li>How do I know if Gift or Entertainment is permissible?&nbsp;</li> 
     <li>can I give gift cards to my team?&nbsp;</li> 
     <li>Do I need approval to give a gift?&nbsp;</li> 
     <li>Are Facilitating Payments” to Public Officials allowed?&nbsp;</li> 
     <li>is there approval needed for gifts to public officials?&nbsp;</li> 
     <li>Who is a public official?&nbsp;</li> 
     <li>My client asked if her son can intern with the company as a favor to her, that isn't a problem is it?&nbsp;</li> 
     <li>My friend works for the client, does that mean I can't give her a gift?&nbsp;</li> 
     <li>Is there certain criteria for gifts and entertainment&nbsp;</li> 
     <li>How do I know if Gift or Entertainment is permissible?&nbsp;</li> 
     <li>can I give gift cards to my team?&nbsp;</li> 
     <li>Do I need approval to give a gift?&nbsp;</li> 
     <li>Are Facilitating Payments” to Public Officials allowed?&nbsp;</li> 
     <li>is there approval needed for gifts to public officials?&nbsp;</li> 
     <li>Who is a public official?&nbsp;</li> 
     <li>My client asked if her son can intern with the company as a favor to her, that isn't a problem is it?&nbsp;</li> 
     <li>My friend works for the client, does that mean I can't give her a gift?&nbsp;</li> 
     <li>Is there certain criteria for gifts and entertainment&nbsp;</li> 
     <li>How do I know if Gift or Entertainment is permissible?&nbsp;</li> 
     <li>can I give gift cards to my team?&nbsp;</li> 
     <li>Do I need approval to give a gift?&nbsp;</li> 
     <li>Are Facilitating Payments” to Public Officials allowed?&nbsp;</li> 
     <li>is there approval needed for gifts to public officials?&nbsp;</li> 
     <li>Who is a public official?&nbsp;</li> 
     <li>My client asked if her son can intern with the company as a favor to her, that isn't a problem is it?&nbsp;</li> 
     <li>My friend works for the client, does that mean I can't give her a gift?&nbsp;</li> 
     <li>Is there certain criteria for gifts and entertainment&nbsp;</li> 
     <li>How do I know if Gift or Entertainment is permissible?&nbsp;</li> 
     <li>can I give gift cards to my team?&nbsp;</li> 
     <li>Do I need approval to give a gift?&nbsp;</li> 
     <li>Are Facilitating Payments” to Public Officials allowed?&nbsp;</li> 
     <li>is there approval needed for gifts to public officials?&nbsp;</li> 
     <li>Who is a public official?&nbsp;</li> 
     <li>My client asked if her son can intern with the company as a favor to her, that isn't a problem is it?&nbsp;</li> 
     <li>My friend works for the client, does that mean I can't give her a gift?&nbsp;</li> 
     <li>Is there certain criteria for gifts and entertainment&nbsp;</li> 
     <li>How do I know if Gift or Entertainment is permissible?&nbsp;</li> 
     <li>can I give gift cards to my team?&nbsp;</li> 
     <li>Do I need approval to give a gift?&nbsp;</li> 
     <li>Are Facilitating Payments” to Public Officials allowed?&nbsp;</li> 
     <li>is there approval needed for gifts to public officials?&nbsp;</li> 

     </ul> 
    </div> 
    </div> 
</div> 

Вопрос, который я столкнулся есть полоса прокрутки создана, и когда края были прямыми, не было никаких проблем. Я сделал края закругленными, и полоса прокрутки выходит снизу.

Вот рабочая скрипку, которую я создал https://jsfiddle.net/cp751fu5/

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

Благодаря

+0

Вы используете переполнение: скрытый правило так полосы прокрутки не может выходить из нижней части. Повторите попытку. –

+0

Советуем сделать нижнюю границу нижней или меньшей. Это не решит вашу проблему, но сделает ее более приятной. –

+0

Дайте переполнение: относительно вашего .chat-box-new-div. Вы можете понять, что измениться. –

ответ

0

Вы должны дать некоторое дополнение к .chat-Box-New-Див

0

изменить код следующим образом добавить строку .chat-коробчатого нового ДИВ:

padding: 0 0 37px;

(Проверено на скрипке)

Надеется, что это помогает :)

0

Просто добавь padding-bottom:35px; как ниже

.chat-box-new-div { 
    height: 502px; 
    border: 2px solid #157DEC; 
    border-bottom: 2px solid #157DEC; 
    overflow: hidden; 
    border-radius: 3.4em; 
    padding-bottom:35px; 
} 

Demo

@media (min-width: 1200px) .col-lg-3 { 
 
    width: 25%; 
 
} 
 

 
.chat-box-new-div { 
 
    height: 502px; 
 
    border: 2px solid #157DEC; 
 
    border-bottom: 2px solid #157DEC; 
 
    overflow: hidden; 
 
    border-radius: 3.4em; 
 
    padding-bottom:35px; 
 
} 
 

 
.chat-box-new-head { 
 
    padding: 10px 15px; 
 
    border-bottom: 2px solid #157DEC; 
 
    background-color: #157DEC; 
 
    color: #fff; 
 
    text-align: center; 
 
    border-top-left-radius: 4em; 
 
    border-top-right-radius: 4em; 
 
} 
 

 
.chat-box-new { 
 
    overflow-y: scroll; 
 
    height: 461px; 
 
} 
 

 
.questionsUl { 
 
    margin-left: -20px; 
 
}
<div class="col-lg-3 col-md-3 col-sm-3"> 
 
    <div class="chat-box-new-div"> 
 
    <div class="chat-box-new-head">Frequently Asked Questions .. 
 
    </div> 
 
    <div class="panel-body chat-box-new"> 
 
     <ul class="questionsUl"> 
 
     <li>Who is a public official?&nbsp;</li> 
 
     <li>My client asked if her son can intern with the company as a favor to her, that isn't a problem is it?&nbsp;</li> 
 
     <li>My friend works for the client, does that mean I can't give her a gift?&nbsp;</li> 
 
     <li>Is there certain criteria for gifts and entertainment&nbsp;</li> 
 
     <li>How do I know if Gift or Entertainment is permissible?&nbsp;</li> 
 
     <li>can I give gift cards to my team?&nbsp;</li> 
 
     <li>Do I need approval to give a gift?&nbsp;</li> 
 
     <li>Are Facilitating Payments” to Public Officials allowed?&nbsp;</li> 
 
     <li>is there approval needed for gifts to public officials?&nbsp;</li> 
 
     <li>Who is a public official?&nbsp;</li> 
 
     <li>My client asked if her son can intern with the company as a favor to her, that isn't a problem is it?&nbsp;</li> 
 
     <li>My friend works for the client, does that mean I can't give her a gift?&nbsp;</li> 
 
     <li>Is there certain criteria for gifts and entertainment&nbsp;</li> 
 
     <li>How do I know if Gift or Entertainment is permissible?&nbsp;</li> 
 
     <li>can I give gift cards to my team?&nbsp;</li> 
 
     <li>Do I need approval to give a gift?&nbsp;</li> 
 
     <li>Are Facilitating Payments” to Public Officials allowed?&nbsp;</li> 
 
     <li>is there approval needed for gifts to public officials?&nbsp;</li> 
 
     <li>Who is a public official?&nbsp;</li> 
 
     <li>My client asked if her son can intern with the company as a favor to her, that isn't a problem is it?&nbsp;</li> 
 
     <li>My friend works for the client, does that mean I can't give her a gift?&nbsp;</li> 
 
     <li>Is there certain criteria for gifts and entertainment&nbsp;</li> 
 
     <li>How do I know if Gift or Entertainment is permissible?&nbsp;</li> 
 
     <li>can I give gift cards to my team?&nbsp;</li> 
 
     <li>Do I need approval to give a gift?&nbsp;</li> 
 
     <li>Are Facilitating Payments” to Public Officials allowed?&nbsp;</li> 
 
     <li>is there approval needed for gifts to public officials?&nbsp;</li> 
 
     <li>Who is a public official?&nbsp;</li> 
 
     <li>My client asked if her son can intern with the company as a favor to her, that isn't a problem is it?&nbsp;</li> 
 
     <li>My friend works for the client, does that mean I can't give her a gift?&nbsp;</li> 
 
     <li>Is there certain criteria for gifts and entertainment&nbsp;</li> 
 
     <li>How do I know if Gift or Entertainment is permissible?&nbsp;</li> 
 
     <li>can I give gift cards to my team?&nbsp;</li> 
 
     <li>Do I need approval to give a gift?&nbsp;</li> 
 
     <li>Are Facilitating Payments” to Public Officials allowed?&nbsp;</li> 
 
     <li>is there approval needed for gifts to public officials?&nbsp;</li> 
 
     <li>Who is a public official?&nbsp;</li> 
 
     <li>My client asked if her son can intern with the company as a favor to her, that isn't a problem is it?&nbsp;</li> 
 
     <li>My friend works for the client, does that mean I can't give her a gift?&nbsp;</li> 
 
     <li>Is there certain criteria for gifts and entertainment&nbsp;</li> 
 
     <li>How do I know if Gift or Entertainment is permissible?&nbsp;</li> 
 
     <li>can I give gift cards to my team?&nbsp;</li> 
 
     <li>Do I need approval to give a gift?&nbsp;</li> 
 
     <li>Are Facilitating Payments” to Public Officials allowed?&nbsp;</li> 
 
     <li>is there approval needed for gifts to public officials?&nbsp;</li> 
 
     <li>Who is a public official?&nbsp;</li> 
 
     <li>My client asked if her son can intern with the company as a favor to her, that isn't a problem is it?&nbsp;</li> 
 
     <li>My friend works for the client, does that mean I can't give her a gift?&nbsp;</li> 
 
     <li>Is there certain criteria for gifts and entertainment&nbsp;</li> 
 
     <li>How do I know if Gift or Entertainment is permissible?&nbsp;</li> 
 
     <li>can I give gift cards to my team?&nbsp;</li> 
 
     <li>Do I need approval to give a gift?&nbsp;</li> 
 
     <li>Are Facilitating Payments” to Public Officials allowed?&nbsp;</li> 
 
     <li>is there approval needed for gifts to public officials?&nbsp;</li> 
 

 
     </ul> 
 
    </div> 
 
    </div> 
 
</div>

0

Добавить нижний отступы в .chat-box-new-div класса

.chat-box-new-div { 
    height: 502px; 
    border: 2px solid #157DEC; 
    border-bottom: 2px solid #157DEC; 
    overflow: hidden; 
    border-radius: 3.4em; 
    padding-bottom:30px; 
} 

@media (min-width: 1200px) .col-lg-3 { 
 
    width: 25%; 
 
} 
 

 
.chat-box-new-div { 
 
    height: 502px; 
 
    border: 2px solid #157DEC; 
 
    border-bottom: 2px solid #157DEC; 
 
    overflow: hidden; 
 
    border-radius: 3.4em; 
 
    padding-bottom:30px; 
 
} 
 

 
.chat-box-new-head { 
 
    padding: 10px 15px; 
 
    border-bottom: 2px solid #157DEC; 
 
    background-color: #157DEC; 
 
    color: #fff; 
 
    text-align: center; 
 
    border-top-left-radius: 4em; 
 
    border-top-right-radius: 4em; 
 
} 
 

 
.chat-box-new { 
 
    overflow-y: scroll; 
 
    height: 461px; 
 
} 
 

 
.questionsUl { 
 
    margin-left: -20px; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
<div class="col-lg-3 col-md-3 col-sm-3"> 
 
    <div class="chat-box-new-div"> 
 
    <div class="chat-box-new-head">Frequently Asked Questions .. 
 
    </div> 
 
    <div class="panel-body chat-box-new"> 
 
     <ul class="questionsUl"> 
 
     <li>Who is a public official?&nbsp;</li> 
 
     <li>My client asked if her son can intern with the company as a favor to her, that isn't a problem is it?&nbsp;</li> 
 
     <li>My friend works for the client, does that mean I can't give her a gift?&nbsp;</li> 
 
     <li>Is there certain criteria for gifts and entertainment&nbsp;</li> 
 
     <li>How do I know if Gift or Entertainment is permissible?&nbsp;</li> 
 
     <li>can I give gift cards to my team?&nbsp;</li> 
 
     <li>Do I need approval to give a gift?&nbsp;</li> 
 
     <li>Are Facilitating Payments” to Public Officials allowed?&nbsp;</li> 
 
     <li>is there approval needed for gifts to public officials?&nbsp;</li> 
 
     <li>Who is a public official?&nbsp;</li> 
 
     <li>My client asked if her son can intern with the company as a favor to her, that isn't a problem is it?&nbsp;</li> 
 
     <li>My friend works for the client, does that mean I can't give her a gift?&nbsp;</li> 
 
     <li>Is there certain criteria for gifts and entertainment&nbsp;</li> 
 
     <li>How do I know if Gift or Entertainment is permissible?&nbsp;</li> 
 
     <li>can I give gift cards to my team?&nbsp;</li> 
 
     <li>Do I need approval to give a gift?&nbsp;</li> 
 
     <li>Are Facilitating Payments” to Public Officials allowed?&nbsp;</li> 
 
     <li>is there approval needed for gifts to public officials?&nbsp;</li> 
 
     <li>Who is a public official?&nbsp;</li> 
 
     <li>My client asked if her son can intern with the company as a favor to her, that isn't a problem is it?&nbsp;</li> 
 
     <li>My friend works for the client, does that mean I can't give her a gift?&nbsp;</li> 
 
     <li>Is there certain criteria for gifts and entertainment&nbsp;</li> 
 
     <li>How do I know if Gift or Entertainment is permissible?&nbsp;</li> 
 
     <li>can I give gift cards to my team?&nbsp;</li> 
 
     <li>Do I need approval to give a gift?&nbsp;</li> 
 
     <li>Are Facilitating Payments” to Public Officials allowed?&nbsp;</li> 
 
     <li>is there approval needed for gifts to public officials?&nbsp;</li> 
 
     <li>Who is a public official?&nbsp;</li> 
 
     <li>My client asked if her son can intern with the company as a favor to her, that isn't a problem is it?&nbsp;</li> 
 
     <li>My friend works for the client, does that mean I can't give her a gift?&nbsp;</li> 
 
     <li>Is there certain criteria for gifts and entertainment&nbsp;</li> 
 
     <li>How do I know if Gift or Entertainment is permissible?&nbsp;</li> 
 
     <li>can I give gift cards to my team?&nbsp;</li> 
 
     <li>Do I need approval to give a gift?&nbsp;</li> 
 
     <li>Are Facilitating Payments” to Public Officials allowed?&nbsp;</li> 
 
     <li>is there approval needed for gifts to public officials?&nbsp;</li> 
 
     <li>Who is a public official?&nbsp;</li> 
 
     <li>My client asked if her son can intern with the company as a favor to her, that isn't a problem is it?&nbsp;</li> 
 
     <li>My friend works for the client, does that mean I can't give her a gift?&nbsp;</li> 
 
     <li>Is there certain criteria for gifts and entertainment&nbsp;</li> 
 
     <li>How do I know if Gift or Entertainment is permissible?&nbsp;</li> 
 
     <li>can I give gift cards to my team?&nbsp;</li> 
 
     <li>Do I need approval to give a gift?&nbsp;</li> 
 
     <li>Are Facilitating Payments” to Public Officials allowed?&nbsp;</li> 
 
     <li>is there approval needed for gifts to public officials?&nbsp;</li> 
 
     <li>Who is a public official?&nbsp;</li> 
 
     <li>My client asked if her son can intern with the company as a favor to her, that isn't a problem is it?&nbsp;</li> 
 
     <li>My friend works for the client, does that mean I can't give her a gift?&nbsp;</li> 
 
     <li>Is there certain criteria for gifts and entertainment&nbsp;</li> 
 
     <li>How do I know if Gift or Entertainment is permissible?&nbsp;</li> 
 
     <li>can I give gift cards to my team?&nbsp;</li> 
 
     <li>Do I need approval to give a gift?&nbsp;</li> 
 
     <li>Are Facilitating Payments” to Public Officials allowed?&nbsp;</li> 
 
     <li>is there approval needed for gifts to public officials?&nbsp;</li> 
 

 
     </ul> 
 
    </div> 
 
    </div> 
 
</div>

Смежные вопросы