我在这个网站的索引页面上有两个主要的<divs>:
我正在努力使第二个容器/ div (及其内容)在平板和移动大小的第一个div的内容下崩溃。
<div class="container_one">
<section id="column_one">
<h1>Bruce</h1>
<img src="images/bruce.jpg"/>
<p>Bruce was a red tailed black shark who died f
我有以下CSS网格:
.grid-3x4 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr;
grid-template-areas:
'a b c '
'd e f'
'g h i'
'l m n';
}
我希望网格有一个固定的高度为100vh,尽管模板区域的内容。我试着插入:
max-height
我有两个div实例,一旦到达scrollTop,它们就会从相对位置转换为固定位置。然而,我正在寻找一种方法来关闭一个功能,一旦一个脚注div滚动到。如果您查看此页面上的侧栏,您可以更好地理解我想要实现的目标,
一旦页面到达底部页脚div,我需要将侧边栏设置回位置:相对,以便它不会覆盖页面的其余部分,并能够随着内容部分向上滚动。
下面是我正在使用的当前jQuery脚本。任何帮助或建议都是非常感谢的!
<script>
$(function() {
// grab the initial top offset of the navigation
var sticky
如果浏览器宽度小于800 is,我可以使用下面的CSS来实现某些事情。
@media only screen and (max-width : 800px)
{
#content
{
width: auto;
}
}
如果某个元素的高度大于某个值,是否有方法使某个元素发生CSS?
我的目标是,如果元素的内容因为浏览器宽度太窄而开始包装,而不依赖于硬编码的最大宽度,我的目标是具有特殊的CSS触发器。
更具体的示例
<h2>Long title followed by <span class="subtitle">a