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

前端之家收集整理的这篇文章主要介绍了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;
}@H_301_18@

猜你在找的CSS相关文章