Div未正确扩展

Question

每当我将div宽度设置为100％，并向其中添加新元素时，它会在屏幕边框上展开。 当我将div设置为像素值时，它工作正常，但在两种不同的屏幕分辨率下看起来不合适。 所以我想要的东西是有一个适合屏幕边缘和正确扩展的div。

的jsfiddle：添加标签几次，看问题 https://jsfiddle.net/272p06ng/4/

垃圾邮件。然后在CSS中查找.l_tabs并阅读评论。我相信问题出在l_tabs的父类中。

的DIV％价值的行为是这样的：

分度，像素值显示我想要的行为：

标签结构：

<div class="l_tabs"> 
    <div> 
    <ul id="myTab1" class="nav nav-tabs bordered"> 
    <li class="tab-add"></li> 
    <li class="contentTab active "></li> 
    <li.....></li> 
    </ul> 
    </div> 
</div> 

CSS：

.l_tabs { 
    background: #474544 none repeat scroll 0 0; 
    display: block; 
    height: 57px; 
    overflow: hidden; 
    width: 100%; /* 1st picture */ 
    width: 1370px; /* second picture */ 
} 
.l_tabs > div { 
    background-color: #474544; 
    height: 57px; 
    padding-top: 4px; 
    width: 100%; 
} 
.l_tabs > div > ul { 
    overflow-x: auto; 
    white-space: nowrap; 
    width: 100%; 
} 

还有一些父宽度为100％的包装。

编辑：添加position:absolute到l.tabs 解决了这一问题。

Answer 1

.l_tabs { 
    height: 57px; 
    display: block; 
    width: 100%; 
    background: #474544 none repeat scroll 0 0; 
    overflow: hidden; 
}