草庐IT

some_div

全部标签

html - 如何将垂直滚动条应用于具有百分比高度的 div?

我遇到过很多类似性质的问题,但我的情况有点不同;我的外部容器高度为100%,而不是固定高度。我在一个容器中有一堆div。它们溢出,我想要一个滚动条以允许滚动。这正是我想要实现的:http://jsfiddle.net/jcjw2jmo/除了,我发布的链接有一个固定的height:200px;。我想要一个百分比高度。我试过设置百分比height和max-height但没有成功。这是我的进度:http://jsfiddle.net/k52eh0xr/如何让两个fiddle具有相同的行为,但使用百分比代替?非常感谢附言。我知道这可以使用Javascript/jQuery来完成,但我正在寻找仅

html - 如果 HTML 中的 ID 应该是唯一的,为什么有时我会在 Css 中看到类似 div#nav-blue 的东西?

由于ID在HTML中应该是唯一的,为什么有时我在Css选择器中看到格式类似于(div#nav-blue),因为很明显除了那个div之外没有其他元素具有这个ID,所以不写#nav-blue更有意义? 最佳答案 它没有变化或有一点变化。出于某种原因,您可以这样做:维护代码时的可见性更高。更容易找到并记住每种元素的样式。第二个原因是选择器的优先级。有一些不同的优先顺序:!important>#id>.class>element你可以考虑一下element=1.class=10#id=100!important=1000然后div#id=1

html - 如果 HTML 中的 ID 应该是唯一的,为什么有时我会在 Css 中看到类似 div#nav-blue 的东西?

由于ID在HTML中应该是唯一的,为什么有时我在Css选择器中看到格式类似于(div#nav-blue),因为很明显除了那个div之外没有其他元素具有这个ID,所以不写#nav-blue更有意义? 最佳答案 它没有变化或有一点变化。出于某种原因,您可以这样做:维护代码时的可见性更高。更容易找到并记住每种元素的样式。第二个原因是选择器的优先级。有一些不同的优先顺序:!important>#id>.class>element你可以考虑一下element=1.class=10#id=100!important=1000然后div#id=1

html - 为什么 svg 的包含 div 占用更多空间

这个问题在这里已经有了答案:WhycomputedHeightofDIVislargerthanit'scontent(likesvg)whenit'sheightisprovidedas"100%"?[duplicate](1个回答)Imageinsidedivhasextraspacebelowtheimage(10个答案)关闭6年前。这段简单的html:sometext您可以看到svg是40px但周围的div是44px高(在chrome上测试)。为什么。以及如何在周围div上没有明确的height并将布局svg+text保持在一行中的情况下使周围的div尊重SVG的大小?

html - 为什么 svg 的包含 div 占用更多空间

这个问题在这里已经有了答案:WhycomputedHeightofDIVislargerthanit'scontent(likesvg)whenit'sheightisprovidedas"100%"?[duplicate](1个回答)Imageinsidedivhasextraspacebelowtheimage(10个答案)关闭6年前。这段简单的html:sometext您可以看到svg是40px但周围的div是44px高(在chrome上测试)。为什么。以及如何在周围div上没有明确的height并将布局svg+text保持在一行中的情况下使周围的div尊重SVG的大小?

jquery - 如何将鼠标悬停在一个 div 上以触发另一个 div 的变化?

我希望为我的下一个网站创建下一个效果:我有3个DIV,左栏中有一些文本内容。我在右栏的div中有一张图片。右侧div中的图像有3个不同的独立图像部分,当我将鼠标悬停在左侧列中的一个div(与该特定图像部分相关)上时,每个单独的部分都必须突出显示。我悬停的DIV也必须在悬停时突出显示。这一次我也想要同样的效果,当我将鼠标悬停在右列中的DIV中的任何图像部分上时。我希望它突出显示相关的div,以及突出显示图像部分本身。我知道这一切听起来可能真的很困惑,所以我制作了一张图片,希望能够直观地解释我的元素。(检查所附图片)。现在我不确定这是否可以仅通过使用CSS或结合CSS和jQuery或smn

jquery - 如何将鼠标悬停在一个 div 上以触发另一个 div 的变化?

我希望为我的下一个网站创建下一个效果:我有3个DIV,左栏中有一些文本内容。我在右栏的div中有一张图片。右侧div中的图像有3个不同的独立图像部分,当我将鼠标悬停在左侧列中的一个div(与该特定图像部分相关)上时,每个单独的部分都必须突出显示。我悬停的DIV也必须在悬停时突出显示。这一次我也想要同样的效果,当我将鼠标悬停在右列中的DIV中的任何图像部分上时。我希望它突出显示相关的div,以及突出显示图像部分本身。我知道这一切听起来可能真的很困惑,所以我制作了一张图片,希望能够直观地解释我的元素。(检查所附图片)。现在我不确定这是否可以仅通过使用CSS或结合CSS和jQuery或smn

html - CSS:防止一个 div 包裹在另一个下面

如何防止一个div包裹在另一个下面?具体来说,我希望第二个div始终位于第一个div的右侧,即使调整浏览器宽度以致第二个div的内容必须换行也是如此。我总是希望div并排放置:并且永远不会看起来像这样,即使调整浏览器窗口的大小使得第二个div的内容必须换行:Picbodysomeinterestinglargeamountofcontent.someinterestinglargeamountofcontent. 最佳答案 Picbodysomeinterestinglargeamountofcontent.someinterest

html - CSS:防止一个 div 包裹在另一个下面

如何防止一个div包裹在另一个下面?具体来说,我希望第二个div始终位于第一个div的右侧,即使调整浏览器宽度以致第二个div的内容必须换行也是如此。我总是希望div并排放置:并且永远不会看起来像这样,即使调整浏览器窗口的大小使得第二个div的内容必须换行:Picbodysomeinterestinglargeamountofcontent.someinterestinglargeamountofcontent. 最佳答案 Picbodysomeinterestinglargeamountofcontent.someinterest

javascript - 获取不可见的内部div

我有一个div(parentDivStyle),位置为absolute,这是我的父div。然后我在父div中有5个子(childDivStyle)div,位置为relative。我已将父div的overflow设置为hidden。所以一些子div是不可见的。我想获得jquery不可见的div。有什么办法吗?我用谷歌搜索了它,大部分结果都与“可见”属性相关,这不是我想要的。而且我也不喜欢任何插件。请提供任何帮助。CSS.parentDivStyle{overflow:hidden;width:300px;height:50px;position:absolute;background:#