宽度：100％部分屏幕？

我有一个难题：我需要在底部右侧（在本地打开下面的代码之后）看到的最暗灰色的条，跨越尽可能多的空间，因为浏览器窗口将允许不经过我设置的浅灰色部分在左边。这里是我的代码：宽度：100％部分屏幕？

<div class="timeline-section"> 
    <div class="timeline-wrapper"> 
     <div class="mini-timline"></div> 
     <div class="timeline"></div> 
     <div class="clearfix"></div> 
    </div> 
</div>

CSS：

.clearfix { clear: both; } 

.timeline-wrapper { position: relative; } 

.timeline-section { 
    background: #3d3d3d; 
    bottom: 0px; 
    height: 276px; 
    left: 0px; 
    width: 100%; 
    position: absolute; 
    padding: 0px;} 

.mini-timline { 
    background: #474747; 
    margin: 0px; 
    float: left; 
    height: 276px; 
    width: 500px; 
    display: inline-block;} 

.timeline { 
    background: #232323; 
    height: 200px; 
    width: 60%; 
    float: left; 
    display: inline-block; 
    position: relative;}

来源

2013-06-25 user2008567

你可以帮助人们通过添加一个小提琴... HTTP回答你的问题： //jsfiddle.net/D5Jxg/ ...进一步它是一个很好的沙箱，用于尝试自己的代码:) – conceptdeluxe

一种方法是不浮动timeline元素。
只需设置一个margin-left为mini-timeline宽度：

.timeline { 
    background: #232323; 
    height: 200px; 
    margin-left:500px; 
    position: relative; 
    color:#FFF; 
}

http://jsfiddle.net/rLzAM/1/

来源

2013-06-25 23:10:20 showdev

-1

试试这个：

.timeline { 
    background: #232323; 
    height: 200px; 
    width: 100%; 
    display: inline-block; 
    position: absolute; 
}

来源

2013-06-25 23:12:20 TestShoot

哎呀，对不起showdev，我是多任务 – TestShoot

没问题。然而，这似乎并没有工作：http://jsfiddle.net/rLzAM/4/ – showdev

为我工作，但当我去了bolden的变化，我得到了双星号（S），所以如果你逐字逐句，它会失败。否则罚款IE9和W7上的Chrome。 – TestShoot

宽度：100％部分屏幕？

回答

相关问题