关于css的问题，强制div元素不换行

请问各位当两个div元素在一起时，如何让他们横着排列并且当两个div元素宽度超过屏幕宽度时不换行，并且隐藏超出部分

---

总的来说就是写三层就行

<style>
    html,body{
        overflow: hidden;
    }
    .container{
        width: 1600px;
        clear: both;
    }
    .item{
        width: 800px;
        height:100px;
        float: left;
        background: #000000;
    }
</style>
<div class="container">
    <div class="item">
    </div>
    <div class="item">
    </div>
</div>

---

横着排列的方法有：
div{display: inline-block;}或者div{float: left;}
不换行 && 超出隐藏：
你要不换行或者超出屏宽隐藏的话，那么这两个div应该给一个最大宽度