如何将滚动条添加到div容器？ [英] How to add the scroll bar to the div container?

问题描述

这是我用来在我的信息中心显示通知的代码，但是如果通知增加，滚动条就不会出现。所以我现在想要添加滚动条到它。

 <   td     style   =  width：15％; vertical-align：top >  
 <  表    style   =  width：100％; height：330px; vertical-align：top >  
 <   tr  >  
 <   td     style   =   vertical-align：top >  
 <   div     style   =  float：right    class   =  widgetContainerround < span class =code-keyword>>  
 <   div     class   =  widgetHeader >  
 < ;   div     class  < span class =code-keyword> =  widgetheaderinner-left >  
通知
 <   / div   >  
 
 <   div     class   =  clear < span class =code-keyword>>  
 <   / div  >  
 <   / div  >  
 <   div     class   = < span class =code-keyword> NotifEventContainer    style   =  position：relative; overflow-y：hidden >  
 <   usr：Notifs     ID   =  Notifs1    runat   =  server   < span class =code-attribute> ShowPublic   =  True    ShowEventsOnly   = 错误 >  <   / usr：Notifs  >  
 <   / div  >  
 
 <   / div  >  
 
 <   / td  >  
 <   / tr  >  

任何人都可以帮助我吗？

解决方案

删除 overflow-y：隐藏并将其更改为 overflow-y：scroll

Hi,
Here is the code i am using to display the notifications in my dashboard but if the notifications increases the scroll bar is not coming.So now i want to add the scroll bar to it.

<td style="width: 15%; vertical-align: top">
                                <table style="width: 100%; height: 330px; vertical-align: top">
                                    <tr>
                                        <td style="vertical-align: top">
                                            <div style="float: right" class="widgetContainerround">
                                                <div class="widgetHeader">
                                                    <div class="widgetheaderinner-left">
                                                        Notifications
                                                    </div>

                                                    <div class="clear">
                                                    </div>
                                                </div>
                                                <div class="NotifEventContainer" style="position: relative; overflow-y: hidden">
                                                    <usr:Notifs ID="Notifs1" runat="server" ShowPublic="True" ShowEventsOnly="False"></usr:Notifs>
                                                </div>

                                            </div>

                                        </td>
                                    </tr>

Can Anyone help me?

解决方案

Remove overflow-y:hidden and change it to overflow-y:scroll.

这篇关于如何将滚动条添加到div容器？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！