尝试添加垂直div时，其他内容被下推
可能是由于CSS布局的影响。下面是一个完善且全面的答案：
在HTML和CSS中，要创建一个垂直的div容器，可以使用CSS的布局属性和技巧。下推可能是由于默认的文档流导致的，可以通过以下几种方式解决该问题：
- 使用CSS的浮动属性：将其他内容浮动，以使其与垂直div并列显示。需要给其他内容添加
float: left或float: right样式，同时给垂直div添加clear: both样式以防止其被浮动内容覆盖。 - 使用CSS的定位属性：给其他内容设置绝对或相对定位，以使其脱离文档流，不影响垂直div的位置。需要给其他内容添加
position: absolute或position: relative样式，并通过top、right、bottom、left属性进行定位。 - 使用CSS的弹性布局：将父容器设置为弹性布局，然后使用
flex-direction: row将垂直div和其他内容放置在一行中。需要给父容器添加display: flex样式，并可以使用justify-content和align-items属性来控制内容的对齐方式。 - 使用CSS的网格布局：将父容器设置为网格布局，通过定义网格行和列的大小和位置，将垂直div和其他内容放置在指定位置。需要给父容器添加
display: grid样式，并使用grid-template-rows和grid-template-columns属性来定义网格的行和列。
以上是解决下推问题的几种常用方法，具体选择哪种方法取决于具体情况和布局要求。腾讯云提供了一系列云计算解决方案，包括云服务器、云数据库、云存储等产品，可以根据实际需求选择适合的产品。您可以访问腾讯云官方网站了解更多关于这些产品的信息：https://cloud.tencent.com/
相关·内容
1回答
在下面的代码中，我如何用"ExclamationPoint“类做垂直的中心元素跨度？我想把它设计成如下图片：
我尝试了填充-顶部和垂直；对齐，但我不能风格像图像
我想放置跨度与类"ExclamationPoint“垂直居中，而不管侧面DIV的高度。
浏览 1提问于2011-08-28得票数 0
回答已采纳
所以我做html有一段时间了..但当我使用边际时，我总是遇到问题。这导致我通常只使用填充。
不管怎样，让我给你举一个我目前正在做的事情的例子。
主体结构：
<div id="main">
<div id="header">
<div id="mainNav">
main navigation...
</div>
</div>
<div id="content">
page
浏览 0提问于2009-08-21得票数 1
回答已采纳
我花了两天的时间试图解决这个问题，但是我做不到。我非常感谢任何人的帮助。
我有一个容器设置为100%垂直填充，它做得很好。在容器中，我的头文件有另一个div。在标题下，我想要另一个div也垂直填充100% (从标题的底部到屏幕的底部)，无论内容有多少。问题是，当我将这个div的高度设置为100%时，它溢出了浏览器窗口的底部，即使其中没有其他内容。只是一个很长的空白区域。溢出的大小与我的标头相同。
如果我删除了我的头文件，它就能正常工作。如果我告诉这个div不是100%，那么它只会像内容要求的那样深入，这在某些情况下是不够的。我试着使用overflow: hidden，但这会隐藏我在div上的阴
浏览 0提问于2013-11-24得票数 2
2回答
我在使用React创建表单时遇到了一个奇怪的问题(但React很可能不是特定的)。表单由一个输入、下面的一个错误提示和一个按钮组成，所有这些都是垂直堆叠的。输入集中在组件挂载上，当用户在输入之外单击时，可能会出现错误提示。当输入被聚焦并且用户试图单击按钮时，它会失去焦点，这可能会导致提示出现。该提示会将按钮向下推，从而阻止按钮的单击事件注册，从而导致糟糕的用户体验。 有没有办法在输入失去焦点之前强制按钮被点击？ 我在这里复制了这种情况：https://jsfiddle.net/tacticalteapot/b40hLv3c/4/ 来自小提琴的代码： function App() {
co
浏览 14提问于2021-07-22得票数 0
回答已采纳
2回答
平板和移动版的固定导航栏
、、、、
我目前正在为一家公司建立一个响应性网站，我在平板电脑和手机上的固定导航栏上遇到了一个巨大的问题。
的问题是，在平板电脑和移动设备中，固定导航栏隐藏了我的内容/跳过它们，而我却希望它在切换时将“内容”向下推。。
另外，我的.headerplace类在移动时隐藏.bannerplace。如果你们能帮我解决这个问题，我会很感激你们的。
链接到
<!Doctype html>
<title>NK Electrical LTD</title>
<body>
<div class="container">
浏览 4提问于2016-02-11得票数 3
回答已采纳
1回答
我有一个div 700px x 300px和一个背景图片700px x 300px。div高度可以增加到600px。Div大小随jQuery而改变。
我有一个下一个用于div的CSS样式：
#myDiv {
position:relative;
overflow:visible;
background:transparent url(../images/background.jpg) bottom no-repeat;
border:1px solid #000;
-webkit-box-shadow:0 0 10px 2px #000;
-moz-box-shadow:0 0 10px #0
浏览 0提问于2013-05-08得票数 0
1回答
如何设置垂直滑动div的高度？我使用过jQuery，下面是它的代码：
当我说设置高度时，我的意思是div只会滑动1000px，它会在哪里停止滑动？我遇到的问题是，在较小的屏幕尺寸中，滑动div总是想要显示，所以在某些页面上它会将页脚向下推，所以用户永远看不到页脚！？
谢谢。
210895
浏览 2提问于2012-08-11得票数 0
回答已采纳
2回答
请注意，我并不是想解决任何特定的问题，，而是试图理解是什么导致了这个问题。
我已经设置了一些div的width、height和display，但是高度/宽度设置没有得到遵守。文本也在向下推。
1)为什么当height设置在表行中时，它会向下推文本，但是当height被移除时，它会将文本放在顶部？
2)为什么宽度/高度设置不受尊重？
3)为什么设置margin属性对它们也没有任何影响？
浏览 1提问于2012-02-25得票数 22
3回答
删除div内的最后div
、、、
我有以下结构
<div id="BigBox">
<div class="SmallBox">
<div class="ele"></div>
<div class="ele"></div>
<div class="ele"></div>
</div>
<div class="SmallBox&
浏览 4提问于2013-02-04得票数 0
回答已采纳
HTML问题看上去总是那么简单，问它们几乎让我觉得很尴尬。但算了吧，我不知道为什么会这样。
在这个小提琴中，身体被页眉的页边压下(50‘s)：
<body>
<div id="background"></div>
<header>
<ul>
<li>Button 1</li>
<li>Button 2</li>
</ul>
</header>
</body>
因此，div#background {位置:绝对；}
浏览 2提问于2014-10-11得票数 4
回答已采纳
我有一个div (让我们称它为header)和另一个div (Let call is content)。现在，content div将其高度扩展到其内容。在header中，我有一个元素与内容重叠很远，但content div不会扩展与header重叠的元素。以下是我到目前为止所拥有的css：
.content {
height:auto;
}
有什么建议吗？
浏览 0提问于2011-09-27得票数 0
1回答
当我使用\ LaTeX {}显示LaTeX徽标时，为了容纳LaTeX中的下标'E‘，下面的文本行被下推。
我如何覆盖它？是否有可以传递给\LaTeX{}的选项？
编辑:问题是由于水平空间，而不是垂直空间，并由普通文本以及\LaTeX{}命令引起。
浏览 28提问于2010-06-16得票数 2
回答已采纳
我有一个表(bootstrap主题，从Django admin生成)。
在其中一列中，我有一个div，它包含三个元素，还有锚点和两个跨度-每个跨度都显示引导图示符。
<div class="my-fixed-width under-review data-sent-false">
<a href="myobjectview/789/" style="inline-block;">C4U0UACXX-8 6nb</a>
<span class="glyphicon
浏览 4提问于2015-03-01得票数 12
在下面的页面上：
当多个问题被切换为打开/展开时，它会将页脚向下推。有没有办法解决这个问题，让白色内容部分在顶部展开，而不会将页脚内容向下推？
HTML
div class="content left" style-"margin-right: 30px; min-height: 500px">
CSS
.content {
background: white;
padding: 35px;
margin-top: 30px;
color: #767676;
line-height: 22px;
}
.l
浏览 0提问于2013-02-18得票数 0
回答已采纳
3回答
我目前正在为移动和固定设备优化的站点工作。目前，我正在考虑主导航，它应该像滑动的覆盖那样工作，就像一样。
但我不知道该怎么做覆盖效果。我要做的唯一一件事是，当单击菜单按钮时，页面的部分会滑落下来。但这并不是真正的覆盖效应。
菜单的语法：
<div id="navContainer">
<div id="topNav">
<div class="top">
<div class="heading">
<div id="logo&
浏览 3提问于2013-08-12得票数 1
回答已采纳
1回答
我好像搞不清这事。我有一个角应用程序的标题，侧边栏，子标题，和内容。内容会自动增长，但是当侧栏比内容长时，它就不会扩展包装器容器。我尝试了一个高度自动/100%的组合，我尝试使用清除两者，但什么都没有发生。
index.html
<body>
<!-- Main HTML gets injected here -->
<ui-view id="ng_view"></ui-view>
</body>
main.html
<div id="wrapper">
<tp-heade
浏览 0提问于2016-05-26得票数 0
回答已采纳
我正在尝试在滚动视图中实现一个拉到缩放的标题。我设法在上下滚动时使用setScaleX和setScaleY缩放页眉，但问题是我的页眉与其下方的视图重叠。
有没有办法缩放视图并移动它后面的所有内容？
我试着翻译视图，但我找不到合适的翻译量，所以总是有重叠或空白
我使用的是垂直LinearLayout，我还尝试了使用RelativeLayout，头部在顶部，后面是LinearLayout，layout_below
浏览 12提问于2017-04-13得票数 0
7回答
我在jsFiddle中的大部分代码是：
内容应该加载到第一个页面的白色框中，溢出的内容将页面的以下部分推倒。但是，可以看到，较低的部分加载到第一页白色框的顶部。我试图改变各个部分的位置/清除，但似乎无法创建必要的移动。
<section class="page1">
<div class="huge-title centered">
<div id='detailsbox'>
<h1 id='eorvtitle'></h1>
<img
浏览 13提问于2014-06-02得票数 16
回答已采纳
我几乎是个新手，请记住这一点
<table style="border:none" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="border:none" valign="top" vertical-align:"top"; width="20%">
<div><img class="alignnone
浏览 4提问于2013-01-18得票数 0
我有一个按钮组件，它基本上是一个按钮和这个按钮下面的文本。两者共享相同的容器。当文本(在按钮下面，而不是在按钮内部)是多行时，按钮被按下，导致奇怪的对齐问题 我尝试将“text”css类从外部分离到另一个单独的div中，但不起作用。我还试着给父级设置'vertical-align: top‘(因为我在某处读到，问题可能是由于文本将父级的vertical-align: baseline向下推而导致的。它没有任何区别，也没有解决我的问题 .container {
display: inline-block;
width: 56px;
height: 56px;
.butt
浏览 10提问于2019-04-28得票数 0
5回答
#left_column {
float: left;
border: 1px solid #ccc;
padding: 5px;
width: 20em;
}
#main_content {
margin-left: 25em;
border: 1px solid #ccc;
padding: 5px;
width: 30em;
}
#right_column {
margin-left: 60em;
width: 7em;
border: 1px solid #ccc;
padding: 5px;
}
我正在尝试在我的页面上
浏览 0提问于2010-03-01得票数 2
我正疯狂地尝试用div和spans来实现这个简单的设计，而不是使用表、to和trs (到目前为止，我已经使用了表)。
简单设计：
左边的两个物体:向左浮动，垂直中心。
右边1:向右漂浮，垂直送至底部。
所有组件都在同一条线上。
我有点希望这会很容易写，但我发现它非常困难。float标记取消了vertical-align标记，我无法让它在没有样式/div/span组合的情况下工作。
TnX的帮助..。
浏览 6提问于2011-04-07得票数 0
回答已采纳
当从xs或sm视口/屏幕大小查看此内容时，然后单击我的导航栏切换器，它会将所有内容(包括导航栏切换器所在的标题)推入页面，以便为下拉菜单腾出空间。
这似乎与引导带3(以及引导带4 alpha 5)不同。
对如何停止这样做有什么想法吗？
这是要测试的地点。
下面是代码：
<button class="navbar-toggler d-md-none" type="button" data-toggle="collapse" data-target="#navbarSupportedContent">
&l
浏览 1提问于2018-04-03得票数 0
回答已采纳
20回答
我有这个Twitter Bootstrap代码
<div class='navbar navbar-fixed-top'>
<div class='navbar-inner'>
<div class='container'>
<a class='btn btn-navbar' data-target='.nav-collapse' data-toggle='collapse'>
<spa
浏览 6提问于2012-04-26得票数 314
回答已采纳
我正在使用bootstrap来设计我的一个网站，它几乎在每个级别上都工作得很好，但我不能像Github示例那样让导航栏下推所有其他元素。
下面是我的导航栏的外观，它几乎与示例中的内容相匹配。我不知道有什么不同。
<html>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
浏览 0提问于2013-07-26得票数 0
2回答
我试图垂直对齐一个div和一个input
<div id="a">
Button
</div>
<input type="text" id="b" placeholder="text">
他们都有着相同的风格：
#a, #b{
box-sizing: border-box;
vertical-align: baseline;
padding: 0;
margin: 0;
outline: none;
font-size: 10px;
浏览 2提问于2015-08-13得票数 1
回答已采纳
我的页面布局如下：
行1列1列2
第2行第1列
当我缩小浏览器窗口(即测试响应行为)时，我希望Row 1将Row 2向下推，以便为其内容腾出空间，如下所示：
第1行第1列
第1行第2列
第2行列
问题是，当我缩小浏览器时，第2行保持不动，而第1行的第2列中的文本漂浮在第2行的顶部。
有没有人知道为什么会这样？据我所知，twitter bootstrap div在断点处垂直折叠是标准的。我的不会这么做的。我花了几个小时阅读和尝试了几个东西(clearfix，重新排列div等)，但还是弄不明白。
代码如下：
在我的部分中：
<meta name="viewport" cont
浏览 2提问于2014-05-29得票数 0
尝试只使用css修复(如果可能的话)一个重叠的绝对定位div位于边栏中固定div的底部。虽然可以检测到这一点并使用javascript修改绝对div的位置，但我想知道是否有更简单的css唯一解决方案。我试图将底部元素高度的填充添加到固定的父元素中，但它在调整大小(垂直)时一直将其重叠--因此，如果(1)窗口太小或(2)列表太长，如何防止底部元素重叠无序列表。
html：
<div id="sidebar">
<ul>
<li>list item</li>
<li>list ite
浏览 3提问于2015-11-11得票数 1
回答已采纳
我有一个装满内容的容器。我试着点击一个按钮，然后把所有的内容都往下推，比如700px。一旦内容被下推，一个新页面就会加载到现在显示的空间中，因为内容被下推。我也想按下相同的按钮来反向播放动画，将内容向上推，同时卸载新加载的内容。
我该如何用jquery做到这一点呢？
浏览 0提问于2011-02-25得票数 1
2回答
我有以下代码：
<br/> <div id='people'></div> <br/>
a bunch of text . .
所以people div是空的，然后我有了javascript (在ajax回调的后端，用下面这样的东西填充这个div：
$("#people").html(data.results)
其中data.results是一堆图像html (“等。)
问题是，当图像显示时，这会将“文本串”部分向下推，并且它看起来有点跳动。我想要它的位置是预先布置好的，这样当调用.html()方法
浏览 3提问于2011-12-30得票数 1
回答已采纳
我正在使用knockout.js创建一个应用程序，对拖放排序列表使用可剔除排序。有一个垂直列表，每个项目中都有一个横向列表。垂直列表表现得很好，但是每当我试图在水平列表中拖动一个项目时，它就会将列表中的其余项目向上或向下推送到被拖动的项目中。横向清单的定义如下：
<div style="float: left" data-bind="sortable: { template: 'levelTmpl', data: $data.levels, beforeMove: $root.verifyMove, afterAdd: showLevel, bef
浏览 3提问于2012-11-09得票数 3
我有一个div，当页面加载时它是隐藏的，但当你点击一个链接时，它应该垂直滑动，将页面上的其余内容向下推以腾出空间。这在webkit中运行得很好，但在XP上的Firefox (v12，Mac)和IE7 (或者Vista上的IE8 )中，现有的内容可以正常滑动，但有问题的div看起来就像我对它应用了切换功能，而不是漂亮的动画。
我特别尝试在JS和CSS中为div添加一个高度，但都不起作用。
我如何才能让新的div (#div-more)滑入，而不是只是出现？
浏览 0提问于2012-05-25得票数 0
回答已采纳
2回答
我有一个垂直的页面标签与各种长度，即新闻，奖项，出版物。我希望文本从相同的顶点开始(如果文本是水平的，它将被右对齐)，并从该点向下。我必须使用内联样式将文本向下推到正确的位置。我尝试将height和width设置为500，这似乎对对齐有效，但会将div推到正确的位置。
.vert_text {
position: relative;
color: #fff;
text-transform: lowercase;
font-family: Arial;
font-size: 6em;
-webkit-transform: rotate(-90deg);
-moz-transform:rotate
浏览 2提问于2013-03-13得票数 0
我正在使用来自的一个漂亮的Mega菜单，我正在尝试定制它：
1) slideToggle效应
2)当打开菜单将下面的div元素向下推时(IE:不要重叠下面的元素)
这就是我到目前为止所做的：
1)我知道非常基本的 jquery，通常我知道如何应用slideToggle效果，但是我似乎无法正确地使用他们的javascript代码，所以我只能猜测放在哪里，但没有成功。我试过在网上进行研究，但找不到解决办法。
2)为了使菜单下面的元素被向下推倒，我知道在css下面使位置相对于，但当菜单被激活时，这只会破坏菜单。
/* sub-menu */
.cbp-hrmenu .cbp-hrsub {
浏览 1提问于2014-02-28得票数 0
2回答
我已经为我的站点创建了一个很好的标题，但是当我尝试在之后添加内容时，比如一个简单的段落，它只是被放置在我的标题容器下面的同一个位置。我尝试过一些明确的解决办法，但这并没有解决我的问题。谢谢你提前帮忙！
#back-container {
width: 1214px;
height: 809px;
background-image: url("coffee-beans 2.jpg");
}
#page-container {
width: 900px;
height: 100%;
background-color: rgba(214,214,214, .8);
浏览 2提问于2015-10-29得票数 1
回答已采纳
我使用display:table创建嵌套的行集和列集的布局。我注意到，当表单元格中的第一个元素不是文本时，列的对齐方式似乎会中断。诚然，我还没有测试是哪些元素导致了这种情况，但是在这个JSFiddle中有一个例子：
代码：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#container {
width:200px;
height:200px;
display:table;
}
#column1 {
display:ta
浏览 0提问于2013-02-27得票数 3
回答已采纳
2回答
我在一个网站上工作，它使用引导带作为前端侧。
我注意到当我点击移动层面的汉堡包菜单时，主体内容不会向下推，所以菜单会重叠:-(
这是我的演示：
我该怎么解决这个问题？
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
body {
margin: 0px;
}
img {
max-width:100%
}
h1, .navbar-collapse ul li a, p, .nav-tabs > li > h2 > a, h2
浏览 4提问于2016-10-04得票数 0
回答已采纳
1回答
我在我的站点中使用了来自xml文件的xml。
搜索位于导航栏中的文本框，但当我输入一些内容并得到结果时，导航条的区域是范围，并向下推下所有的身体元素。
你能帮我解决这个问题吗?我在下面给出的代码。
<div class="col-sm-2" style="width:270px;">
<form class="navbar-form" role="search">
<div class="input-group">
<inpu
浏览 3提问于2016-01-10得票数 2
回答已采纳
2回答
在HTML定位方面有一点困难。我确信这是一个非常简单的问题，但就是无法破解它。
请参阅fiddle：
基本上，我试图将黄色的div (#logo)定位在其他所有内容之上，这样即使屏幕垂直调整大小，它也会将页面上的任何其他内容向下推。
我试过打乱z位置，等等，但没有太多的运气。
浏览 3提问于2012-10-24得票数 0
回答已采纳
3回答
我正在尝试一个类似的效果，因为Voets设计已经完成了他们的全宽度图像被推倒导航。
见此处：
到目前为止，导航和图像看起来很好；唯一的问题是图像没有被向下推，因为它是“位置:绝对的”。
标记：
<nav class="clearfix">
<div class="nav-wrapper">
<ul class="clearfix">
<li><a href="#">Home</a></li>
浏览 1提问于2015-04-14得票数 0
回答已采纳
下拉菜单向下推送内容。
我已经尝试了我能找到的所有“修复”。相对、绝对、静态位置。但有了这些，它仍然会向下推，尽管当动画结束时，下面的内容会向上跳跃一点(链接也在左侧/右侧)。
( Bootstrap上有没有其他菜单选项可以让侧边栏出现？)
我已经看过Stackoverflow上的每个问题了。相对于ul的位置，绝对，静态。还将所有内容放在一个div中，尝试使用Z-index。
@media (min-width: 576px), (max-width: 768px) {
.navbar {
padding-top: 3%;
padding-bottom: 1%;
displ
浏览 17提问于2019-07-27得票数 1
回答已采纳
我试图创建一个网站的标题是固定的。在标题上方，我有一个-40px的"login“div，所以只显示了"Log In”选项卡。我正在尝试让jQuery推送所有内容(页眉、容器、页脚等)。向下40像素以使登录表单可见。我该怎么做呢？
这是我的header.php包括：
<div id="login" class="full">
<div id="login-form" class="container">
<input type="b
浏览 0提问于2014-02-07得票数 0
我试着用jQueryUI手风琴。我创建了一个测试站点，复制了代码，并将内容放到了适当的位置。它工作得很好。
然后我试着把它放到我的网站上。在我的网站上，我有两个菜单。一个是水平的，在顶部。另一个是垂直的，在左边。我打算将accordion应用于垂直菜单。当单击顶部水平菜单中的不同项目时，垂直菜单也会发生变化。
我做的第一件事是在我的主页上测试它，看看是否与我目前的设计有任何冲突。垂直菜单的代码如下所示：
<!-- leftFrame begin -->
<div id="leftFrame">
<div id="accordion&
浏览 2提问于2011-10-02得票数 0
回答已采纳
我正在尝试找出正确的CSS来垂直对齐相邻浮动的两个div的底部，如附图所示。我希望避免必须绝对定位div相对于宽度，因为标记为"DIV.1“的div将包含文本，宽度将根据文本大小/长度而变化。实际上，如果可能的话，我希望对所有的DIV都使用基于百分比的宽度--标记为"DIV.2“的DIV将包含一个图像，并且站点需要响应，所以我希望尽可能使用max-width和percentages。
感谢你在这里的见解。
浏览 0提问于2014-11-14得票数 1
2回答
我有一些div元素。所有这些都应该在打开页面时滑入。其中三个是水平滑动，一个是垂直滑动。
$(document).ready(function () {
$("#lineHor1").toggle("slide");
$("#lineHor2").toggle("slide");
$("#lineHor3").toggle("slide");
$("#lineVer1"
浏览 4提问于2015-11-09得票数 0
回答已采纳
我目前正在从事一个项目，其中导航栏是浮动到左边，然后内容是在右边的，也浮动，所以它是对齐的导航内容。我目前的第一个页面很好，可以完美地浮动，但当我试图浮动下一个页面的内容时，它会跳下来，根本不会浮动。它们都在不同的div中，并且都在不同的html文档中，并且都有相同的浮动属性。我不明白为什么两者都有完全相同的代码，并且有足够的浮动空间，为什么第二个页面的内容就不能做同样的事情呢？我是并且必须对所有页面使用一个样式表。
正文的CSS
body {
width: 980px;
margin-left: 8%;
margin-right: 8%;
margin
浏览 0提问于2011-04-25得票数 0
回答已采纳
1回答
在使用Chrome开发网站时，注意到了以下行为:当页面被完全滚动到底部时，当我刷新页面时，我可以观察到垂直跳跃。
请参见下面的。
若要复制，请打开全屏预览(右边的监视器图标)，然后尝试以下操作：
刷新页面(确认表单重新提交)->不跳转
滚动到中间，刷新(确认表单重新提交)->不跳转
滚动到非常底部，刷新(确认表单重新提交)->垂直跳转
跳转实际上是由这个Javascript引起的，当页面包含带有.align-center类的数字时，这个Javascript试图保持垂直节奏：
$(document).ready(function() {
$(window
浏览 4提问于2014-05-09得票数 8
回答已采纳
1回答
我有一个CSS网格，它被设置为auto-fill列，可以在一行中显示尽可能多的项目。
这是通过：grid-template-columns: repeat(auto-fill, minmax(10em, 1fr));完成的。
我希望能够调整选定的网格项的大小，我正在尝试这样做：
resize: both;
overflow: auto;
这在基本级别上是可行的，但是当调整水平大小时，内容将与相邻的网格项重叠/扩展：
当垂直调整大小时，下面的行将被向下推倒，因此不存在重叠：
，这也是我想要的水平行为。
我理解这可能与对列使用auto-fill有关，因为当轨道被显式定义时，拉伸在两
浏览 1提问于2020-04-16得票数 4
回答已采纳
当你通过gmail或类似的方式登录stackoverflow.com时，当你点击gmail按钮时，它看起来是被向下推的。
你是如何实现这个效果的？
我知道如何使用CSS3来使用投影使某些东西看起来凸起。但是你如何让它看起来像是向下移动。
他们似乎正在移除阴影，同时将div移到阴影的前一个位置。
然而，我更喜欢一个更连续的效果。我只需要这个在现代浏览器中工作。
此外，他们在悬停事件上移动，我需要它在单击事件上。
浏览 6提问于2013-02-15得票数 1
回答已采纳
1回答
CSS图像库浮动错误
、、、、
这是一个新的，我有一个问题的档案页面，我已经做了。它看起来像一个相当直接的浮动div图片库……但是由于某些原因，在div中有一堆随机的换行符。我认为这可能是Cufon或IE.JS等的问题，但我禁用了所有的JS，它仍然错误。
在这里发布代码似乎有点长，我已经添加了一堆不必要的div和清晰的修复程序，但似乎都不起作用。在我弄清楚之后，我会张贴和组织一份适当的报告。
浏览 2提问于2009-06-28得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
