3

好吧，我不知道如何用文字来问这个问题，所以我会发布一张图片：

在此处输入图像描述

所以在图像中，有一个主 div，我们称之为“红色”。

在“红色”里面还有另一个div叫做：“绿色”

在“绿色”内部有一个ul，带有一些li元素，它们应该有一个下划线，但是该下划线必须超出 div，所以我遇到的问题是在代码中将该行放在“绿色”之外，它在里面。

我猜可能有某种溢出设置或某种技术来实现这一点，也许它比我想象的要容易得多，但我就是想不通。

总而言之，我需要从一个 div 中获取一些东西，并让它在它之外显示。

我尽可能多地用谷歌搜索它，但我找不到任何对我有用的东西，也许是因为我什至不知道如何问。

4

4 回答 4

1

这取决于情况。如果它是固定大小的元素，并且无论您做什么，它们总是相同的大小：定位red div为relative，然后再次定位green div为绝对。这将允许您移动元素。相对于红色 div。如果它根据窗口的大小来拉伸元素，它会更难，并且会成功，但你应该非常小心，因为它很难跨浏览器。absoluteulmargin-leftmargin-topfloat:left

于 2012-11-26T08:06:11.993 回答
1

你不能用溢出来解决这个问题。您需要做的是让ul里面的绿色设置为position: absolute，红色框设置为position: relative。

我为它做了一个jsfiddle（我的第一个）。

于 2012-11-26T08:15:13.767 回答
0

根据您的要求查看演示：- 演示

HTML

<div class="red">
<div class="green">
  <ul>
    <li>loreum</li>
    <li>loreum</li>
        <li>loreum</li>
    <li>loreum</li>
  </ul>
  </div>

</div>

CSS

.red {
width:300px;
height:300px;
background:red;  
}

    .green {
        float: right;
        height: 200px;
        margin: 30px 30px 0;
        width: 200px;
    background:green;
    }

    .green ul {
        left: 8px;
        margin: 0;
        padding: 0;
        position: absolute;
        width: 200px;
    }

    .green ul li {
    list-style-type:none;
    display:block;
    border-bottom:1px solid white;
      text-align:right;
    }
于 2012-11-26T09:05:07.760 回答
-1

对绿色 div 使用“溢出：隐藏”（css）

于 2012-11-26T07:54:04.020 回答