css – 如何防止内联div跳转到父级中的下一行？

我有两个内联div,宽度超过父级的宽度.因此第二个div跳转到下一行：
http://jsfiddle.net/uVqG6/2/

如何将两个div保持在同一行？

添加溢出：隐藏; div.a只是隐藏第二个div.

解决方法

你可以使用position：absolute;为此,除了增加容器div宽度或使其成为现在之外别无他法

Demo

使用z-index Demo

CSS

.a {
    width: 100px;
    height: 50px;
    border: solid 1px #345;
    position: relative;
}

.b {
    width: 60px;    
    height: 50px;
    background-color: red;
}
.c {
    width: 50px;    
    height: 50px;
    background-color: green;
    position: absolute;
    right: 0;
    top: 0;
}

原文地址：https://www.jb51.cc/css/215701.html