如何使溢出CSS属性以隐藏值作为工作
我很难相处overflow: hidden。
基本上，我试图隐藏位于中的无序列表的溢出<div>。
我不知道为什么这不起作用。
它没有隐藏它，而是将我的列表从水平布局拆分为垂直布局。
无序列表是轮播，容器是列表。
下面是我的CSS代码；
div.body .container .images {
background: url(/images/images-background.jpg);
height: 62px;
margin-bottom: 17px;
width: 384px;
}
div.body .container .images #images-previous {
cursor: pointer;
float: left;
}
div.body .container .images #images-next {
cursor: pointer;
float: left;
}
div.body .container .images .list {
float: left;
overflow: hidden;
vertical-align: top;
width: 336px;
}
div.body .container .images .carousel {
margin-bottom: 6px;
margin-top: 8px;
width: 336px;
}
在这里，我的HTML；
<div class="images">
<div id="images-previous">
<img src="/images/images-previous.jpg" width="24" height="62" alt="Previous" />
</div>
<div class="list">
<ul class="carousel">
<li>
<img src="/photogallery/23.jpg" width="44" height="44" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="thumbnail" />
<img src="/images/carousel-image-holder-over.png" width="49" height="48" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="over" />
<img src="/images/carousel-image-holder.png" width="49" height="48" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="under" />
</li>
<li>
<img src="/photogallery/23.jpg" width="44" height="44" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="thumbnail" />
<img src="/images/carousel-image-holder-over.png" width="49" height="48" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="over" />
<img src="/images/carousel-image-holder.png" width="49" height="48" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="under" />
</li>
<li>
<img src="/photogallery/23.jpg" width="44" height="44" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="thumbnail" />
<img src="/images/carousel-image-holder-over.png" width="49" height="48" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="over" />
<img src="/images/carousel-image-holder.png" width="49" height="48" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="under" />
</li>
<li>
<img src="/photogallery/23.jpg" width="44" height="44" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="thumbnail" />
<img src="/images/carousel-image-holder-over.png" width="49" height="48" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="over" />
<img src="/images/carousel-image-holder.png" width="49" height="48" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="under" />
</li>
<li>
<img src="/photogallery/23.jpg" width="44" height="44" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="thumbnail" />
<img src="/images/carousel-image-holder-over.png" width="49" height="48" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="over" />
<img src="/images/carousel-image-holder.png" width="49" height="48" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="under" />
</li>
<li>
<img src="/photogallery/23.jpg" width="44" height="44" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="thumbnail" />
<img src="/images/carousel-image-holder-over.png" width="49" height="48" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="over" />
<img src="/images/carousel-image-holder.png" width="49" height="48" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="under" />
</li>
<li>
<img src="/photogallery/23.jpg" width="44" height="44" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="thumbnail" />
<img src="/images/carousel-image-holder-over.png" width="49" height="48" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="over" />
<img src="/images/carousel-image-holder.png" width="49" height="48" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="under" />
</li>
<li>
<img src="/photogallery/23.jpg" width="44" height="44" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="thumbnail" />
<img src="/images/carousel-image-holder-over.png" width="49" height="48" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="over" />
<img src="/images/carousel-image-holder.png" width="49" height="48" alt="Cross Bottle 8.5" Frosted/Amber/Chain/Fleur di Lis" class="under" />
</li>
<!--
<cfset i=1>
<cfloop condition="i lte images.recordcount">
<cfoutput>
<li>
<img src="#images.thumburl[i]#" width="44" height="44" alt="#images.alt[i]#" class="thumbnail" />
<img src="/images/carousel-image-holder-over.png" width="49" height="48" alt="#images.alt[i]#" class="over" />
<img src="/images/carousel-image-holder.png" width="49" height="48" alt="#images.alt[i]#" class="under" />
</li>
</cfoutput>
<cfset i=i+1>
</cfloop>
</cfset>
-->
</ul>
</div>
<div id="images-next">
<img src="/images/images-next.jpg" width="24" height="62" alt="Next" />
</div>
<div class="clear"></div>
问题答案：
好吧，如果有人遇到这个问题，这可能是您的答案：
如果要隐藏绝对定位的元素，请确保这些绝对定位的元素的容器是相对放置的。
-
问题内容： 我有一些HTML表格，其中文本数据太大而无法容纳。因此，它可以垂直扩展单元格以适应此情况。因此，现在发生溢出的行的高度是数据量较小的行的两倍。这是无法接受的。如何强制表格具有相同的行高？ 这是一些重现该问题的标记。表格仅应为一行的高度，并隐藏溢出的文字。 问题答案： 需要在单元格上和单元格上指定两个属性。您还需要将移至单元格
-
问题内容： 我一直在努力奋斗。我想绝对定位将在div中移动的图像，并希望剪切超出div的任何内容。这是问题的示例： 因此，我希望徽标的右边缘不显示。有想法吗？ 问题答案： 由于图像的容器是绝对放置的，因此它不在“包含” div的范围之内。 您的选择是使用jQuery动态定位相对位置或调整绝对定位div的尺寸。
-
问题内容： 我在w3schools上阅读了以下代码，但不了解该属性如何影响文本是否显示在右侧。 我知道它用于处理超出范围的内容，但不了解它在这种情况下如何应用。 问题答案： 我尽力消除混乱： 是一个块级元素，与元素一样（它们延伸到父宽度的100％）。这就是为什么默认情况下，如果在这些元素上未声明宽度或显示，它将显示在if 下方的原因。 现在在您的示例中，仅包含浮动元素。这使其折叠到一个高度（尽管如
-
问题内容： 我尝试建立一些通用的边距/填充混合… 这是我的代码： 某些事情不正确，所以我想知道是否可以将一些CSS属性设置为mixin值吗？有人可以帮忙吗？ 问题答案： 如果要使用变量作为属性名称，则需要使用 字符串插值 - 。 所以这应该工作： 只需注意： 对于属性选择器… 也将适用于其中的属性选择器 …因此也许您应该重新考虑一下。
-
昨天我检查了一个突出的产品幻灯片，我在一个网页的首页是不是属性垂直对齐只在火狐，它在IE和Chrome工作正常。 我在搜索信息，很多年前我在FF上发现了很多bug。我尝试了一些我找到的解决方案，但没有一个有效。 在chrome和IE上，div位于窗口的中心，而在firefox中，该功能会向右对齐，使窗口大于100%。 幻灯片基于：http://wordpress.org/extend/plugin
-
问题内容： 我有一个表格单元格，我一直希望成为一个特定的宽度。但是，它不适用于较大的无间距文本字符串。这是一个测试用例： 如何使文本在框的边缘处被切除，而不是使框展开？ 问题答案： 需要设置 和 表元件上的合适的宽度，以及和在桌子上的细胞。 例子 定宽列 表格的宽度必须与固定宽度的单元格相同（或更小）。 使用一个固定宽度的列： 使用多个固定宽度的列： 固定和流体宽度色谱柱 必须设置 表格的宽度，但