• 0
  • 新人请关照

绝对定位后div的宽度改变

原用col-xs-3 col-md-3固定宽度的
绝对定位后div的宽度改变了

image.png

变成了这样:
image.png

相关代码:

$(function() {
       $(".items .div:gt(0)").hide();
       $(".tab li").css("cursor", "pointer");
       $(".tab li").hover(function() {
           $(this).addClass("tab_current");
       }, function() {
           $(this).removeClass("tab_current");
       }).click(
           function() {
               $(this).addClass("tab_selected").siblings().removeClass("tab_selected");
               $(".items .div").eq($(this).index()).siblings().hide().end().show();
           }
       )
   }
  );

这是div样式


.tab li{ list-style: none;
    line-height: 48px;
    height: 50px;width: 86%;
    text-align: left;}
    .tab_selected{ background-color:#E3F3F4;box-shadow: #2DC0F5 0px 0px 2px;  border-bottom: solid 3px #4db339cc;width: 86%; position:relative; z-index:1}
    .tab_current{  padding-bottom: 15px;
    border-bottom: 3px solid #4db339cc;width: 86%;}
阅读 640
评论
    1 个回答

    绝对定位后宽度当然会改变,因为绝对定位后,元素就脱离了正常的文档流,自然不再受限于父元素。

    但是你的问题没讲清楚,你究竟想要一个什么效果。