Question

我在相对位置div中有绝对定位div。我希望内部div在x轴上溢出，但不在y轴上溢出。

<html>
<head>
<style>
  #wrapper {
    width: 100px;
    height: 100px;
    background-color: blue;
    position: relative;
    overflow-y: hidden;
    overflow-x: visible;
  }

  #wrapper div {
    width: 50px;
    height: 50px;
    position: absolute;
    right: -25px;
    bottom: -25px;
    background-color: red;
  }
</style>
</head>
<body>
<div id="wrapper">
<div></div>
</div>
</body>
</html>

我在x轴上的内部div的IE7，IE8，Firefox3，Chrome中使用滚动条进行裁剪或溢出，这不是我想要的。

我觉得我肯定会做错事。有没有办法满足我的要求？

Answer 1

我希望内部div溢出来 y轴，但不在x轴上。

你正在使用CSS作为反面，尝试把这个css放在你的内部div中：

  #wrapper div {
    ............
    overflow: auto;
    overflow-y: scroll;
    overflow-x: hidden;
  }

你的父母div：

  #wrapper {
    ............
    overflow: auto;
  }

Answer 2

当时给出了html4 + css实现，我想做的事情是不可能的。我需要使用另一种方法。

如何在x和y之间的相对div溢出内部进行绝对定位div

2 个答案: