将整个页面缩小为一个div
是指将网页中的所有内容都放置在一个div元素中，并通过CSS样式控制该div元素的大小来实现页面的缩小效果。
这种做法可以通过设置div元素的宽度和高度来控制页面的缩放比例，从而实现页面的整体缩小。同时，可以通过CSS的transform属性对div元素进行缩放、旋转、平移等变换操作，进一步调整页面的显示效果。
优势：
- 简化页面结构：将整个页面缩小为一个div可以简化页面的结构，减少HTML标签的嵌套层级，提高页面的加载速度和渲染性能。
- 方便控制页面缩放比例：通过设置div元素的宽度和高度，可以方便地控制页面的缩放比例，适应不同的屏幕尺寸和设备。
- 可实现特殊效果：通过CSS的transform属性，可以对div元素进行缩放、旋转、平移等变换操作，实现一些特殊的页面效果，增强用户体验。
应用场景：
- 响应式设计：将整个页面缩小为一个div可以用于响应式设计，根据不同的屏幕尺寸和设备，通过设置div元素的宽度和高度，实现页面的自适应布局。
- 动画效果：通过CSS的transform属性，可以对div元素进行缩放、旋转、平移等变换操作，实现各种动画效果，如旋转木马、翻转效果等。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，以下是一些与页面缩小相关的产品和服务：
- 云服务器（CVM）：提供弹性计算能力，可根据实际需求灵活调整服务器配置和规模。详情请参考：云服务器产品介绍
- 云存储（COS）：提供高可靠、低成本的对象存储服务，可用于存储网页中的静态资源文件。详情请参考：对象存储产品介绍
- 云网络（VPC）：提供安全可靠的网络环境，可用于搭建网页的网络架构。详情请参考：私有网络产品介绍
- 云安全中心（SSC）：提供全面的安全防护能力，可保护网页免受各类网络攻击。详情请参考：云安全中心产品介绍
请注意，以上推荐的产品和链接仅为示例，实际选择产品时应根据具体需求进行评估和选择。
相关·内容
4回答
如何让列表项水平填充div？
、、、、
我有一个div和一个无序列表，里面有几个用作导航菜单项的列表项。当鼠标悬停在列表项目上时，列表项目会变成与列表中其他项目不同的某种背景颜色。我想知道如何才能确保无论缩放级别如何，列表项总是水平完全填充div。目前，当我以100%的比例查看页面时，列表项会完全填满导航div (最后一个列表项和div的右边框之间没有空白区域)，但当我缩小时，最后一个列表项的右侧会出现一个空白区域。
理想情况下，我希望使用CSS来做这件事。我应该调整CSS中的哪些属性，以确保div和列表项占用的空间在放大或缩小时始终以相同的速度缩小或扩展？
我自己看不到HTML代码(我正在修改一个模板)，这也意味着我不能单独设置每
浏览 2提问于2013-08-28得票数 0
1回答
我有这两张50px x 50px的图片。它们每个都被锁定在50px*50px的div中。当用户使用全页缩放来缩小页面大小时，我不希望它们缩小。实际上，我想要图像缩放，默认情况下，大约75px乘75px，我希望他们缩小到最小的50px。
有人能告诉我怎么做吗？我可以以某种方式拉伸图像，占据100%的div，然后默认设置为div 75px吗？那么，我可以以某种方式为div设置最小50px吗？你能给我举个例子吗？
浏览 2提问于2012-04-26得票数 0
回答已采纳
我对HTML/CSS非常陌生，并且已经开发了这个响应式的网页。当您在Chrome中打开并缩小浏览器窗口时，它可以正常工作。但是，如果您在IE中打开它并缩小浏览器窗口，文本将在div中向下跳转。
你可以做一个“页面视图源”，同时看到HTML和CSS。请告诉我怎么做才能解决这个问题。网站在这里：
浏览 0提问于2016-01-30得票数 2
3回答
我有一个绝对位置浮动在右边(绿色)的div。正确的是，突出一半的问题是当窗口缩小到985 to页面的最小大小时。虽然div是浮动的，但它可以通过减少窗口滚动来避免这种情况吗？
<body style="width:100%; min-width: 985px; padding:0px; margin:0px; color:#FFFFFF; background:#160E30; border:2px solid yellow;">
<div style="position:relative; width:985px; margin:0 aut
浏览 2提问于2014-11-06得票数 1
回答已采纳
1回答
我正在开发一个web应用程序，并在我的web应用程序的每个页面中使用navbar.html作为布局，代码如下：
eachpage.html：
{% extends 'navbar.html' %}
{% block body %}
<div class="container">
<div class="titre_pages">
<h2>PAGE TITLE </h2>
</div>
</div>
一切正常，我的页面看起来很有响应性，
浏览 1提问于2020-05-24得票数 1
在我写的代码中，有两个问题我不确定如何解决：
页面在Google Chrome上的外观
当我放大和缩小时，我的两列div不能一起缩放。
如果我放大超过一定的数值，div就会打开它们的容器，完全扭曲网页。
相关的超文本标记语言和CSS代码，供任何想看它的人使用。
我希望当用户放大或缩小时，div可以在位置上放大或缩小。
编辑:第130行是相关的CSS标签，描述了我为这个页面编码的元素，其余的CSS来自Bootstrap，与这个问题无关()
浏览 0提问于2013-05-14得票数 2
回答已采纳
我有两个div并排放置水平。第一个的宽度由其中的文本决定，我只想缩小第二个div中的图像，以便它的宽度填充页面上剩余的水平空间。
+--------------------------------------------+
| | |
| | |
| | |
| | |
浏览 4提问于2015-12-13得票数 0
回答已采纳
1回答
我已经在一个“响应式布局”页面上设置了一些div。
发行：
当页面被缩小时，其中一个‘子’div(‘头标题’)会在它设置的边距(底部: 0;)下面流血(4px)。
下面是页面代码，包括CSS：
<!DOCTYPE html>
<html>
<head>
<meta name="" content="text/html; charset=utf-8, width=device-width, initial-scale=1, minimum-scale=1" http-equiv="
浏览 2提问于2017-04-29得票数 0
回答已采纳
2回答
检测夹点以在iOS上缩放
、、、、
我正在尝试检测iOS (真的是安卓系统)上的缩放事件，因为我正在使用jQuery移动来显示带有固定标题的页面。在梦幻世界里，我想要的不是页眉缩放，而是页面的其余部分缩放。但我知道这是不可能的。
在大多数页面上，我有一个移动版本，它可以很好地调整自己的大小，使得缩放没有必要，但在“封面”上，客户希望用户能够看到整个页面(缩小到合适的大小)，固定的页眉足够大到可以使用(即与移动优化的页面按比例相同的大小)，并且能够仅放大封面图像-让标题栏保持相同的大小。
问题是，一旦用户想要放大，这个标题栏就会变得不必要地变大。
所以我想要做的是检测当前的缩放级别，并缩小固定的标题栏，以便在放大底层页面时，它看起
浏览 1提问于2011-12-29得票数 11
1回答
有没有人知道是否可以像浏览器缩小页面那样缩小div的内容？
我正在创建一个加载并分页到div中的应用程序。然而，我希望能够加载的内容没有滚动条。这意味着必须缩小div中的内容，而不是实际的div。我知道这可以用一个图像来完成，但是它能用HTML内容来完成吗？如果是这样的话，你有没有使用jquery或其他东西的例子。
浏览 1提问于2012-02-07得票数 0
4回答
我有这个html代码：
<div id="parent">
<div id="child1">
</div>
<div id="child2">
</div>
</div>
我想要做的是让child2采用200px并位于父页面的底部，并让child1随着父页面的增长/缩小而增长/缩小(例如，用户可以放大/缩小页面)
示例：
如果父母的高度是1000px，我想要child1高度800px和child2高度200px
如果父母的高度是2000px我
浏览 0提问于2016-06-01得票数 0
我已经看到过类似的问题来解决这个问题，但到目前为止，我还找不到任何解决明显问题的方法。在我的网站上，顶部的颜色与我使用div创建的正文不同，并为该div设置了颜色。两个简单的问题。
无论我是放大还是缩小，如何让div填充整个屏幕标题部分？
当我放大浏览器时，如何防止我的标题和菜单栏掉出来？
我已经接近了很多次，但总会有妥协的。要么div填充整个标题，但当我放大文本时，文本会掉出来，导致div环绕页面，或者菜单环绕，这让人沮丧。我希望我写的东西是有意义的，但如果没有，这里就是我想要实现的一个明确的例子。请注意，在此页面上，如果放大或缩小，顶部仍将使用相同的颜色填充。
浏览 1提问于2013-03-16得票数 0
当屏幕尺寸缩小时，如何让下面的代码中的div占用100%的宽度。在缩小屏幕大小时，id=“2”被浮动到下一行，在页面的右侧留下一个空白。
<div id="one"></div>
<div id="two"></div>
<style>
#one, #two {
border: 1px solid;
min-width: 400px;
max-width: 100%;
height: 200px;
float: left;
}
</style>
浏览 4提问于2015-08-15得票数 1
回答已采纳
3回答
指向jfiddle的链接如下：
<div id="bodywrapper" style="max-width:100%;min-width:1000px;overflow:auto;">
<div id="leftpanel" style="width:20%;position:absolute;background-color:red;height:100%;left:0;top:0;min-width:200px">
</div>
<div id="
浏览 0提问于2015-10-07得票数 0
编辑：发现我的问题与某些元素的高度属性有关。这个问题被改写为。这个问题可以解决，因为这个问题有点宽泛，不能准确地把问题缩小到真正的问题上。
在Chrome和Firefox的最新版本中，我遇到了一个CSS问题，我似乎无法孤立，任何帮助都值得赞赏。
区域的高度为50 of。
sidenav的高度为500 of。
具有透明背景的页脚的高度为72 of。
总高度为622 is。
如果页面大于622 of，则sidenav绿色区域正确地扩展了content父区域的完整长度，即黄色区域。
>622 of 的示例
如果页面的大小降到622 of以下，那么sidenav将缩小其背后的cont
浏览 0提问于2019-08-28得票数 1
回答已采纳
我正在使用css flexbox来做一个页眉/正文/页脚布局。但是，如果使用overflow-x:hidden对外部div进行调味，Chrome会在降低视区高度时开始裁剪底部(状态元素)，并引入一个垂直滚动条。
Firefox通过缩小body-element高度来工作，并在降低浏览器高度时继续显示状态栏。如果重新加载页面或更改视口宽度，Chrome会恢复正确的布局。
Stackblitz示例：
Chrome和Firefox的不同之处可以通过上面两个浏览器中的stackblitz来看出来。
浏览 0提问于2018-12-26得票数 1
在iOS 5中有一个新的视图控制器: UIPageViewController，它支持像iBook这样的页面。但是，支持放大/缩小页面有一个问题。
然后，我向RootViewController的视图中添加一个滚动视图。并将UIPageViewController的视图添加为此滚动视图的子视图。然后放大/缩小工作在肖像和景观模式。但另一个问题出现了。当我放大视图后，页面翻转姿态就不再起作用了。我认为这可能是因为滚动视图的姿态和页面视图的手势之间的冲突。
我注意到有这样一种说法：
self.view.gestureRecognizers = self.pageViewController.ges
浏览 10提问于2011-11-01得票数 2
回答已采纳
3回答
使用bootstrap，我希望能够在页面的右侧留下一个额外的列，这样：
<div class="row"><div class="col-md-push-1 col-md-10"> Content Goes Here </div></div>
问题是，即使我留下1列可用，当我缩小窗口大小时，它也会缩小中心的内容。我希望能够保持内容集中，并且在窗口宽度足够小之前不会缩小。对此最好的解决方案是什么？
浏览 1提问于2017-08-15得票数 0
编辑:为了简单起见，我将覆盖的问题(见下面的背景)减少到div的宽度。然而，通过这样做，我制造了一个不同的、有点人为的问题。接受的答案解决了我真正的问题。“减少”的问题没有得到解决。
如何使宽度等于页宽的100%的div？(不设置固定的min-width)
从表面上看，解决方案是微不足道的。具有100%宽度的<div>本身应该是可以的。除非您将浏览器窗口缩小到页面宽度以下(即滚动条出现时)，否则这很好。然后，<div>元素的宽度等于窗口大小，而不是页面大小。
演示代码上的注意事项:第一个div模拟页面宽度。下面的div是我在所有页面上实现一个元素的尝试。如果页面足够大(
浏览 1提问于2014-09-24得票数 0
回答已采纳
1回答
我正在尝试设置我的asp.net mvc页面，如下图所示：
页眉和底栏应该始终保持相同的大小，并停靠在页面的顶部和底部。中间是一个infragistics jgrid，我希望它始终占据页面的中心区域，因此它应该随着浏览器窗口的缩小和增长而缩小。
所以当浏览器窗口大小为changes.Any时，我对如何动态改变div的大小和位置感到有点困惑。
谢谢
浏览 1提问于2012-03-24得票数 0
回答已采纳
1回答
当我想放大或缩小asp页面上的报告时，我正面临一个问题。我已经在面板中添加了水晶报表查看器，并在其中添加了滚动条，但是
当我放大整个观众的时候
当我放大所有观众的时候
浏览 3提问于2013-11-20得票数 1
回答已采纳
3回答
我只想让div的顶部不可见，如果有帮助的话，我正在使用JQuery。div必须保留间距，这样才不会缩小大小。
编辑:所有的东西都必须留在原地，所以我不能使用简单的东西，比如BR或边距。
浏览 0提问于2012-01-06得票数 0
回答已采纳
2回答
试图使我的图像缩小与页面的大小。尝试了一些东西，要么它不工作，要么它决定安装另一个div，这与这个无关。
.top-page-image {
position: relative;
top: -8px;
left: -8px;
background-image: url(basictop.jpg);
background-size: cover;
background-repeat: no-repeat;
height: 100vh;
width: 100vw;
opacity: 0.8;
max-width: 1
浏览 4提问于2022-01-16得票数 0
回答已采纳
2回答
如何使用动画缩小div？
、、、
我有一个DIV是覆盖整个页面(高度和宽度是100%)。我正在尝试使用CSS (可能还有JavaScript)来创建缩小动画效果，这样DIV就会变小(使div中的所有内容都变得更小)到页面上的特定点(页面中间)，以及特定的width和height (比如100 * 100px )。
我从下面的代码开始：
<div id="toBeZoomedOut">
<div>something</div>
<div><img src="background.jpg"></div>
</div
浏览 0提问于2014-02-08得票数 7
回答已采纳
2回答
在我设置页面的方式中，我有一个div位于页面的中心，占据了页面的70% (宽度: 70%)，在这个div中，我有一个带有文本的横幅(在p元素中)和一个表格。此横幅应该与表的宽度相同，当我设置宽度时，我将横幅和表的宽度设置为100% (容器div的宽度)。当我水平缩小浏览器时，表格大小保持不变，但横幅缩小到左侧，看起来非常难看。如果我平滑浏览器，使它比文本中最大的单词更薄，文本就会从横幅上消失！我怎么才能修好这样的东西呢？(注:最后一句指的是美味的水鸟，而不是亵渎。这不是一个打字错误。)
浏览 0提问于2011-07-19得票数 0
我在我的网页中有一个带有图片作为背景的div。当我将浏览器窗口缩小时，图像的右侧部分会被截断。
下面的代码在我的.css文件中：
.captions {
max-width: 870px;
margin-top: 20px;
margin-bottom: 25px;
background-image: url('../images/0.png');
height:20px;
background-repeat:no-repeat;
}
下面的代码在我的HTML页面中：
<div class="captions"
浏览 2提问于2014-03-28得票数 0
我想要解决的问题是：
我有一个包含div的外部div。
<div class="external">
<div class="internal">
content
</div>
</div>
内部div和外部div之间的边距应该始终相同。
当内部div增长/缩小时，外部div将修改其高度和宽度，以保持与内部div的指定边距。内部div以某种方式控制着这两个div的宽度和高度。当内部div增长时，外部div也会增长以保持边界。当内部div缩小时，外部div也会保持边距。
有没有人？感谢
浏览 1提问于2013-02-01得票数 0
回答已采纳
2回答
我有一个div，左边有一个图像，右边有一些文本。我使用了flexbox，这样当屏幕变窄时，图片下方的文本就会弹出。
我希望在缩小屏幕时，不仅要缩小文本，还要缩小图像，并保持其位置不变。相反，正在发生的是文本缩小，图像在页面上向下移动(保持大小不变)以保持居中。我怀疑这与align-items: center试图保持居中有关，但我删除了它，然后图像只是拉伸。
我怎么解决它呢？
.bio {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
flex-direction: row;
width: 8
浏览 0提问于2018-03-17得票数 0
我在页面上有4个图像(在包装器div中)，并希望它们根据屏幕大小/宽度调整大小。通常的方法类似于设置css：
img {
max-width: 25%; /* i.e. each pic = 1/4 */
height: auto;
}
这将使图像大小灵活(即在较小的屏幕上缩小它们)。
但是我的4张图片是不同的宽度(但是它们的高度都是200px)，所以如果我使用上面的技术，它们的显示高度会根据它们的不同宽度而不同(这是我不想要的)。
我可以Photoshop所有4个图像成一个大的，但我更喜欢css的解决方案，因为它会使任何网站的图片更改更容易。
-稍后编辑：
我会试着
浏览 0提问于2014-01-02得票数 0
1回答
我有一个弹性容器，旁边有一张图片和文本。此容器以页面为中心。当我缩小导致文字包装的页面时，容器不再以中心为中心，因为文本div不会缩小到单词包装文本的大小。
当单词换行发生时，是否有可能收缩文本div？
见JSFiddle 。
可能很难理解我所讲的片段，因为您可能无法缩小页面以看到包装的发生。最好还是看一下弹琴。
.container,
.content {
display: flex;
justify-content: center;
}
.picture {
height: 130px;
width: 130px;
background-color: blue;
}
浏览 3提问于2016-09-29得票数 5
2回答
我觉得更好的说明..。
假设我们的HTML：
<div>What the hack ?</div>
我们的CSS：
div {
width: 100%;
display: table-cell;
background: pink;
}
您会注意到，<div>的宽度就像一个浮动元素:它和它的内容一样大，而不是伸展到两边。
现在开始缩小宽度，突然，您将看到<div>的增长。
下面是一个交互式演示：
那是为什么？它是怎么工作的？
浏览 3提问于2014-03-31得票数 0
回答已采纳
1回答
我一行中有两列，col 8和col 4，
我有一个图像存储在col-lg-8中，在col-lg-4中我有文本和另一个小图像。我希望它所做的是与文本和图像在页面的中间垂直对齐的右边的列，而不管右边的照片的大小。如果页面缩小，那么我希望文本在图像下面，图像和文本之间只有大约50px的间距。
我尝试过使用inline-block，但到目前为止对我还不起作用
到目前为止，我的代码如下：
<div class="row">
<div class= "col-lg-8">
<img src=".../../2.jpg"
浏览 0提问于2017-05-30得票数 0
1回答
。我是一个，css的初学者。我试图模糊每个div的背景图像，但它却缩小了它。如何在不缩小的情况下进行模糊处理？
.parallax {
/*height: 500px;*/
height: 100vh;
font-size: 200%;
overflow-x: hidden;
overflow-y: auto;
perspective: 300px;
perspective-origin-x: 100%;
}
.parallax .title {
font-family: 'Lato', sans-serif;
font-weight:
浏览 6提问于2018-03-19得票数 0
5回答
我在HTML页面上做了一个标题，在这个页面中，图像对齐了页面的左边，图像对齐了右边。当我水平放大页面时，我希望有一个中心背景颜色是白色的，而当我水平缩小页面时，中心白色部分可以最小化为零。然后，当页面缩小时，右边的图像应该从右边剪掉。
我遇到的主要问题是，当我缩小页面时，右边的图像会下降到左边的图像下面。我怎么才能解决这个问题？中间部分也不是白色的。
HTML：
<div class="navlogo">
<div class="left">
<img src="Weir-Logo.jpg"&
浏览 0提问于2016-01-27得票数 0
回答已采纳
2回答
我试图缩小表单组的复选框和文本框之间的差距。我已经尝试过“文本-右”，但仍然无法缩小差距非常近，使它成为彼此的旁边。
<form class="form-horizontal" role="form">
<div class="form-group">
<div class="col-xs-offset-2 col-xs-2 text-right">
<div class="checkbox">
浏览 3提问于2015-09-23得票数 0
回答已采纳
我想知道如何强制安卓浏览器(最好是使用纯CSS3)在用户用手指放大/缩小时不更改视口的宽度？
我在页面上有多个针对不同视口宽度的媒体查询。但只要用户放大/缩小，页面视口宽度就会改变，因此页面的布局会被重新排序，我不认为会发生这种情况。我想让Android浏览器“记住”它的初始视口大小，当用户放大/缩小时，我希望Android浏览器只进行缩放，而不是改变视口大小。
使用CSS可以做到这一点吗？提前感谢您的帮助。
编辑:我的媒体查询：
@media only screen and (min-width : 800px) and (max-width : 999px) {
#content {
浏览 0提问于2012-01-08得票数 1
2回答
缩放，使其合适
、、
因此，我在我的中使用一个来显示一个视频，我把它放在div中，以便在移动屏幕上调整大小，并使它更有响应性等等。然而，现在，如果显示器很小，iFrame下面的内容就会被切断。
下面是iframe的代码：
<div class="wrapper">
<iframe src="https://player.vimeo.com/video/132695239?badge=0" width="960" height="540" frameborder="0" webkitallowfullscreen moz
浏览 2提问于2015-07-13得票数 0
回答已采纳
好的，我的HTML设置如下：
<div class="bullet">
<div style="float: left; padding-right: 1em;">
<img src="images/ofn_bullet.png" alt="OFN" style="max-width: 100%; border: none;" />
</div>
<div style="float: left;">
浏览 2提问于2013-03-28得票数 0
回答已采纳
4回答
我正在尝试设计一个具有以下属性的页面，这些属性将用作数字标志：
页面高度是视口高度(100vh)，因此不可能滚动。
页被排列成全宽行。
除了最后一行之外，所有行都是静态的(有预定义的内容)。
最后一行(将包含图像幻灯片)应填充视图端口中的剩余空间。
以下是我到目前为止所拥有的：
body {
margin: 0;
}
div#container {
display: flex;
flex-direction: column;
height: 100vh;
}
div.red {
height: 100px;
background-color:
浏览 9提问于2016-10-01得票数 7
回答已采纳
首先，我想解释一下我的问题如下：
在所有浏览器中，除了Safari之外，我的网站在这个页面上显示为正常并适当地缩小，在Safari和我的iPad中，页面扭曲，没有适当地缩小到较小的屏幕。同时，保存左右内容区域的div扩展到全屏。我相信这个问题是由Safari如何呈现我的div表和表格单元格属性引起的，我可能错了。有没有人有解决这个问题的办法或者有什么建议？
浏览 3提问于2013-08-13得票数 0
2回答
简单地说，问题是: codepen.io/anon/pen/OBRoNW当我缩小页面时，超出了蓝色矩形的大小+绿色矩形，底部的矩形向下推送页面，右边的矩形向右推，滚动条就会出现。当涉及到位置:绝对元素时，我如何防止推展？此外，如果可能的话，我如何做相反的工作，并将推送到左上角的项目？
问题本身(这还没有完全理解，所以我在顶部添加了一个更简单的问题)：当我使用位置绝对值时，元素在页面正文上仍然占用空间。例如：
<div class="content">
<div class="decoration">
</div&
浏览 0提问于2018-10-06得票数 1
2回答
我正在创建一个网页，它有一个图形显示，需要有固定数量的像素才能正常工作。我希望它居中，并使用其左侧和右侧的区域来显示有关它的信息(表)。
如果我能做到这一点，我会：
<div style="width: 50%-360px; float: left">
<table>
...
</table>
</div>
<div style="width: 50%-360px; float: right">
<table>
...
浏览 2提问于2013-07-17得票数 0
回答已采纳
我试着用一定的精准度将两幅图像放在一起。
问题是，上面的图像(圆圈)到处都是。
这两个图像都在一个响应网格中，并且基本图像应该一直处于中心位置。
比方说，我正试图瞄准臀部。
每当我缩小页面时，正确的图像就会出现在下面(这正是我想要的)，而圆圈则会转到其他地方(在本例中，是手)。
这是我的密码：
/* No-margins Class Rules */
.row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.row.no-gutters>[class^="col-"],
.row.no-gutt
浏览 0提问于2018-10-20得票数 0
回答已采纳
1回答
我有一个水平滚动网站的两个部分作为100%宽度/高度div包装在一个200%宽度/ 100%高度div。它使用jquery将主div的大小调整为浏览器的大小，这样就可以使每个部分与浏览器以任何大小分开。为了使滚动工作，我已经将100% div上的溢出设置为隐藏，但是当浏览器窗口缩小到一定程度时，我需要页面是可滚动的，因为否则无法看到/访问内容。
这是一个到测试页面的链接：
浏览 2提问于2011-11-16得票数 0
回答已采纳
我有一个页面，上面有很多div，我做了一些事情(不知道是什么)让右边的div出现在右边的div下面。
下面是一个示例页面：
我用firebug盯着这个东西，但不明白为什么会发生这样的事情。我甚至把左边div的宽度缩小了很多，但是右边的div仍然没有排在左边的div旁边。
知道问题出在哪里吗？
谢谢！！
浏览 0提问于2011-11-14得票数 0
回答已采纳
如何设置黄色<div id="box">的高度(动态)以适合<div id="center">内部，而不与Hello World部分重叠？
请忽略jsfiddle中的JavaScript，它是其他东西的一部分;p
感谢您的阅读和回答！
编辑：
我为这个问题糟糕的表达方式道歉。我会试着解释我到底想要什么。
页面上有两个主要的<div>。我做了一个灰色的和一个黄色的。我希望黄色div适合灰色div的内部(包括长度和宽度)，而不是突出灰色div的轮廓。
我的问题是，<h1>和<hr />正在将<div
浏览 32提问于2011-02-27得票数 2
回答已采纳
我有一个图片库，我想在页面上水平居中的图像。我想有图像元数据，标题，艺术家的名字等，定位在该图像的右边。
首先，我尝试将图像和meta_data并排放在一个包含div中，但随后图像不再根据页面居中，因为整个包含div的宽度用于居中。另外，我不知道包含div的宽度应该是多少，因为我不知道图像的宽度，它是动态的。我不喜欢在div上设置硬编码宽度，因为我想让图像根据设备的不同而缩小。
然后我尝试使用display:table display:row display:cell，其中图像在左侧单元格中，元数据在右侧单元格中。桌子会伸展到图像的宽度，这很棒。然后，我将position:relative放在
浏览 0提问于2012-11-19得票数 1
2回答
我有一个水平条，它的width为100%。在水平条中，我有一个在978px容器中左对齐的文本。每当浏览器窗口缩小到小于978px宽度时，就会沿着页面底部显示滚动条。每当我向右滚动时，栏不再跨过页面的宽度，而是留在后面。我理解为什么会发生这种情况，但我不知道该怎么做才能解决它。如果你有任何想法，请让我知道。谢谢!
浏览 0提问于2009-01-16得票数 0
回答已采纳
我有jQuery自定义内容滚动器在我的网站内的div。div内容具有参数("#content").hide()。当页面加载时，div是可见的，并且jQuery自定义内容滚动器可以很好地工作。
但是，如果页面加载时div内容不可见，则jQuery自定义内容滚动器不可见且无法工作。我注意到当你缩小或扩大窗口时，滚动体就会显示出来。我在这个网址上有一个小例子：
问题可能在哪里？
浏览 5提问于2012-12-03得票数 5
我有一个jsf页面，即使在面板中有链接时，整个面板也是可点击的。这是通过将以下js函数应用于jsf页面来实现的。(请注意页面结构)
<h:panelGroup layout="block" styleClass="col-md-3">
<h:form>
<ui:repeat>
//lots of panels and panel groups
</ui:repeat>
**<h:outputScript>
浏览 1提问于2017-03-20得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
