绝对定位后div的宽度改变

Question

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

变成了这样：

相关代码：

$(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%;}

Answer 1

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

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