Javascript Fullcalendar退出div(ASP.NET)

Javascript Fullcalendar退出div(ASP.NET),javascript,jquery,html,css,asp.net,Javascript,Jquery,Html,Css,Asp.net,我已经通过fullcalendar插件实现了日历 这是我的JS代码 <script> $(document).ready(function () { var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear(); var testEvents = [

我已经通过fullcalendar插件实现了日历

这是我的JS代码

 <script>
    $(document).ready(function () {

        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();

        var testEvents = [

            {
                title: 'Eugene Sukhomlin',
                start: new Date(y, m, d+1, 19, 0),
                end: new Date(y, m, d+1, 22, 30),
                allDay: false
            },
            {
                title: 'Click Event',
                start: new Date(y, m, 28),
                end: new Date(y, m, 29),
                url: 'http://google.com/'
            }
        ];
        $('#calendar').fullCalendar({
            header: {
                left: 'prev,next ',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            defaultView: 'agendaWeek',
            events: testEvents,
            firstDay: 1,

    });
  });
    // $('#calendar').calendario();
</script>
我的问题是它会像这里一样离开div

我怎么能修好它


谢谢您的帮助。

显示:内联块
?您是说内联块?@madalinivascu@我是说在我的网格分区上应用csspost@madalinivascuor溢出:滚动,或者浮动上的clearfix
显示:内联块
?你是指内联块?@madalinivascu@我是指在网格分区上应用csspost@madalinivascuor溢出:滚动,或浮动上的clearfix
<div id="left2" style="border-style: solid; border-color: #1d69b4;border-radius: 10px;">

    <div  id="calendar"  style="height: 80%; width: 100%; clear: both;">

    </div>
</div>
   #left2 {
    float: left;
    width: 55%;
    height: 100%;

}