如果我不硬编码<div>，里面的高度组件是隐藏的
如果您不想硬编码<div>，并且希望隐藏其中的高度组件，您可以使用CSS来实现。以下是一种常见的方法：
- 首先，在HTML中创建一个
<div>元素，并为其添加一个类名或ID，以便在CSS中进行选择。
<div class="container">
<!-- 高度组件内容 -->
</div>- 接下来，在CSS中为该类名或ID选择器添加样式，将高度设置为0，并将
overflow属性设置为hidden，以隐藏其中的内容。
.container {
height: 0;
overflow: hidden;
}这样，无论高度组件的内容如何，它都将被隐藏起来。您可以根据需要自定义其他样式属性，例如背景颜色、边框等。
对于腾讯云相关产品和产品介绍链接地址，由于您要求不提及特定品牌商，我无法提供具体的链接。但是，腾讯云提供了丰富的云计算服务，您可以访问腾讯云官方网站，了解他们的产品和解决方案。
相关·内容
我用CSS制作了简单的：
.container {
width: 50%;
margin: 0 auto;
padding: 2px;
background: red;
}
.left {
float: left;
background: yellow;
}
.right {
float: right;
background: yellow;
}
和HTML：
<div class="container">
<div class="left">To the left.</div>
<
浏览 7提问于2014-07-25得票数 2
回答已采纳
2回答
如何在切换的div上再次单击时获得动态高度
javascript、html、css、jquery-animate、height
我有这样的代码：
$(document).ready(function(){
/* SET VAR FOR IS OPEN */
var isopen = 0;
/* SHOW FIRST NEWS ON STARTUP EXTENDED */
/* SET ALL .TRIGGER PARENT .CONTAINER TO FIXED HEIGHT WITH CUTTED CONTENT (OVERFLOW) */
$('.trigger:not(:first)').css({
height: "70
浏览 2提问于2015-04-10得票数 0
1回答
反应展开动画读多/少动态高度
css、reactjs、styled-components
我有展开组件，我试图在切换时创建展开动画，但没有成功**我不想显示元素的高度(我希望它是通用的)：
export const Expand = ({ startOpen, content, initial }: Props) => {
const [isOpen, { toggle }] = useToggle(startOpen);
const [height, setHeight] = useState<any>(null);
const ref = useRef<HTMLDivElement>(null);
useEffe
浏览 1提问于2021-12-22得票数 0
2回答
如何在Electron中创建可滚动的div
javascript、html、css、scroll、electron
我正在用电子写一个简单的Markdown应用程序。目前，我只有一个textarea、一个div和一些Javascript代码，这些代码获取textarea中的文本，将其提供给Marked (一个方便的NPM模块)，并使用Jquery设置div的内容。
我已经在我的css文档中执行了overflow: auto；，并尝试了我遇到的所有明显的解决方案，但它们都不起作用。我的textarea滚动得很好，但是div不能。它只是简单地截断了底部的文本。
下面是我的代码：
html：
<div class="row fullHeight" id="container"
浏览 11提问于2018-02-23得票数 2
回答已采纳
3回答
如何隐藏div的溢出？
css、html
我有一个带有图像的div。图像大于视图端口的大小。因此，我结束了滚动条的垂直和水平。我只想把图片放在div中，让浏览器忽略任何溢出的内容，而不显示滚动条。
我试过将溢出设置为隐藏，但这对我不起作用。
这是我的html：
<div id="outerdiv">
<div id="innerdiv">
<img src="my_pic.jpg">
</div>
</div>
这是我的css：
#outerdiv {
overflow:hidden;
width
浏览 0提问于2016-05-06得票数 0
回答已采纳
1回答
用填充将元素的高度更改为0px
html、css
考虑下面的例子。我有一个边缘是橙色，边框是黑色，填充是蓝色，内容框是红色的元素。
复制
在内容框和边框框之间切换.box的框大小。请注意，填充和边框包含在高度中。把它放在边框里。
现在开始降低.box的高度属性。先到52 0px，然后再降到0 0px。
问题
.box的高度在52 0px和0 0px之间不受影响。为什么会这样呢？有没有办法把高度降得更低？
假设.box包含的数据是在实时的低端websocket中接收的.我想使用css3来动画进入屏幕的数据。该框应该将其高度从0提高到完全高度，类似于jquery 。我设定了所有0.3s的过渡。什么是初始css和后期css？
浏览 3提问于2016-01-21得票数 3
2回答
我正在尝试获取div容器的高度，该容器没有初始设置的高度，并且包含一个浮动元素。offsetHeight属性总是出现在0上。如果我将包含div的overflow属性设置为hidden，我就可以得到高度。有比这更好的方法吗？
我在jsFiddle - 中有一个例子。这是我第一次使用jsFiddle进行测试，所以如果我做错了什么，请告诉我…
如果我在jsFiddle中搞砸了什么(因为stackoverflow请求了它)，下面是示例信息：
HTML
<div id="container"><p>Some text that gives this element
浏览 0提问于2013-01-08得票数 4
回答已采纳
5回答
溢出不工作--文档高度增长
html、css
我搞不懂为什么这一小部分html + css会让我的$(document).height()变得很大。溢出容器似乎不能完全工作。下面是一个显示错误行为的jsbin：
<html>
<head>
<style>
#container {overflow:auto;height:500px;width:300px;}
#big {height:90000px;background-color: pink;}
</style>
</head>
<body>
<div id="container">
&
浏览 0提问于2013-08-04得票数 0
4回答
如何自动创建扩展块
html、css
我需要创建一个单行的3列布局。左列和右列都应该显示一个单词，而不需要截断(它们应该展开并收缩以适应这个单词)。中间列应该显示一个可能很长的字符串，在这两列之间截断以适合。
这里有一些HTML来传达这个想法：
<div class="container">
<div class="left">Left</div>
<div class="center">Center center center center center center center</div>
<div
浏览 6提问于2010-01-22得票数 1
回答已采纳
1回答
需要在父级中设置高度，以使拉伸内容的内部可滚动
css、flexbox
我是一名日本工程师，英语不太好，对不起。
我想让".main-content“可滚动。
我做到了。
它工作正常。
但我有个问题。
为什么我必须将height: 0;设置为".body“类。
这是我的代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.
浏览 1提问于2019-12-12得票数 0
2回答
div样式高度不起作用
php、css、html
我需要在html中直接设置div大小的样式，但我有一个问题。div容器大小只有当我在CSS类中设置高度时才能工作，否则容器就不会有任何高度(甚至在div标记中设置它的样式，这是我想要做的)。
宽度和高度是从图像中提取出来的，我不知道有什么其他方法可以做到这一点；
list($width, $height) = getimagesize('dir/to/img.jpg');
echo $width . $height; //WORKING
// resizing the img...
// the resizing script have max width and heigh
浏览 3提问于2014-10-26得票数 1
回答已采纳
6回答
在asp.net中使用div标记集成变量数据
c#、asp.net、html、css
我有这样的代码：
<div id="container" style="width: 800px; height:300px; margin: 0 auto;overflow:hidden;"></div>
我需要替换数据库值中的800px和300px；我尝试了以下两种方法。但我仍然没有得到答案。
方法1：
<div id="container" style="width:'<% Response.Write(width);%>'px; height:'<% Resp
浏览 0提问于2010-05-13得票数 2
回答已采纳
2回答
DIV元素没有覆盖它的所有内容
html、css
我对我页面上的div有一个问题。这是我唯一的一张，它覆盖了我页面的中间部分。在CSS中做了一些调整，我让它一直往下走。
然而，问题是视频(在div元素中)是这样偷偷溜出来的：
下面是HTML：
<html>
<head>
<link rel="shortcut icon" href="Images/favicon.ico" />
<link rel="stylesheet" type="text/css" href="Style.css" media="
浏览 0提问于2013-05-05得票数 1
回答已采纳
3回答
只有顶部边框在容器周围显示不完整的边框。
html、css、layout、border
边框是没有显示的，和底部的是缺失的。
在这里，速记财产就像顶部边框的财产。
如果我们将高度标签应用于容器，而不是容器，则边框将被正确显示，但它应该独立工作。
CSS
.container
{
border:1px solid black;
}
.container DIV
{
width: 15px;
border: 1px solid Blue;
margin: 1px;
}
HTML
<div style="width: 200px; " class="container">
<div style=
浏览 5提问于2014-06-24得票数 1
回答已采纳
8回答
隐藏嵌套div的滚动条，但仍可滚动
javascript、html、css、scroll
是我使用的引用，它解释了如何使div滚动并隐藏它的滚动条。唯一的区别是我有嵌套的div。检查我的
HTML:
<div id="main">
<div id="sub-main">
<div id="content">
<div id="item-container">
<div class="item">a</div>
<di
浏览 0提问于2014-04-25得票数 13
回答已采纳
2回答
css:响应式Web设计
css、materialize、responsive-images
我使用Materialize CSS和AngularJS来制作一个产品目录页面。我在处理风景图片时遇到了一些麻烦。截图和代码如下所示。
HTML：
<div class="row">
<div class="col s12 m10 l10">
<div ng-repeat="info in products">
<div class="col s6 m3 l3" id="no-padding">
浏览 1提问于2018-10-12得票数 0
4回答
溢出-y滚动不适用于div中嵌套的ul。
html、css
要让overflow-y: scroll工作一定需要一些特殊的东西，而我却找不到它.有什么想法吗？
HTML：
<div>
<ul>
<li>
One
</li>
<li>
One
</li>
<li>
One
</li>
<li>
One
</li>
<li>
One
</li>
<li>
浏览 6提问于2017-08-04得票数 4
回答已采纳
3回答
CSS溢出隐藏和可见对父元素位置的奇怪影响
javascript、html、css、overflow
我从未读过任何表明元素的溢出属性会对元素定位产生奇怪影响的东西，我在这里看到：
切换示例中的切换按钮，观察<div>的背景如何神秘地向上滑动，覆盖以前的内容，而其内容停留在相同的屏幕相对位置(意味着内容相对于其父背景移动得更低)。
这个例子是一个非常简单的版本，我试图用一个角度组件来缩放它的<ng-content>，但是这个例子只是JavaScript和HTML的一个很小的触摸，没有角度，因为我试图隔离相关的变量。
可以使用transform: scale(小于-1缩放因子)缩小HTML元素的内容，但是即使元素的内容呈现得更小，元素的像素尺寸在默认情况下保持不变，内容
浏览 0提问于2019-08-23得票数 2
回答已采纳
2回答
iFrame和溢出问题:隐藏在IE11中
html、css、internet-explorer、iframe、overflow
我遇到一个问题，显然只存在于IE 11。这是一个内联网网页。相关代码如下。
<!DOCTYPE HTML>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<meta http-equiv="X-UA-Compatible" content="IE=11" />
<title>Result&l
浏览 1提问于2016-05-12得票数 0
1回答
为什么这个弯曲的东西有它的高度限制？
html、css、flexbox
我偶然发现了一些发生在我的弹性子项目上的事情，如所示。
这是代码：
<div style="position:absolute; top:10px; left:10px; background-color:yellow; height:50px; width:200px; display:flex; flex-direction:column;">
<div style="overflow:hidden;">inner div text<br>inner div text<br>inner div text
浏览 2提问于2015-11-12得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
