bootstrap - 右div吃掉div?

时间:2014-08-16 16:03:58

标签: twitter-bootstrap twitter-bootstrap-3

我有2个主要div左边25%宽度和右边75%,当我重新设置浏览器窗口时我的右边div基本上吃了我的左边div这样http://postimg.org/image/xndfdi1pf/有时这样做http://postimg.org/image/s1wiq2tgt/我不知道为什么......有人?

这是最大宽度为767px时的媒体代码

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li {
      margin-bottom: 20px;
      position: relative;
      width:100%;
      float: left;
      clear: left;
    }
    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 28px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }

.timeline > li.timeline-inverted{
  float: left; 
  clear: left;
  margin-top: 30px;
  margin-bottom: 30px;
}

.timeline > li.timeline-inverted > .timeline-badge{
  left: 28px;
}
}

2 divs代码

 .cont_user{
padding-left: 80px;
width:25%;
margin-top:120px;
}

 .cont_time{
width:75%;
margin-top:20px;
}

如果你需要更多代码,请告诉我pls :) ty

0 个答案:

没有答案