HTML/CSS:创建包含2列和3列的两行，这两行应该占据窗口视口，单元格应该滚动
HTML/CSS是用于网页开发的标记语言和样式表语言。它们可以用来创建包含2列和3列的两行，并且这两行应该占据窗口视口，单元格应该滚动。
首先，我们可以使用HTML的table元素来创建表格结构。在每一行中，我们可以使用td元素来创建单元格。然后，使用CSS来设置表格的样式和布局。
下面是一个示例代码，可以实现上述要求：
<!DOCTYPE html>
<html>
<head>
<style>
body, html {
height: 100%;
margin: 0;
padding: 0;
}
.container {
display: flex;
flex-direction: column;
height: 100%;
}
.row {
flex: 1;
display: flex;
}
.column {
flex: 1;
overflow: auto;
border: 1px solid black;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="column">
<!-- 第一列内容 -->
</div>
<div class="column">
<!-- 第二列内容 -->
</div>
</div>
<div class="row">
<div class="column">
<!-- 第一列内容 -->
</div>
<div class="column">
<!-- 第二列内容 -->
</div>
<div class="column">
<!-- 第三列内容 -->
</div>
</div>
</div>
</body>
</html>在上面的代码中，我们使用了flex布局来实现两行的布局，并且设置了每个单元格的样式。通过设置height: 100%，我们确保了两行占据整个窗口视口的高度。通过设置overflow: auto，我们可以使单元格内容超出单元格高度时出现滚动条。
这个示例代码只是一个基本的框架，你可以根据实际需求来填充每个单元格的内容和样式。
腾讯云相关产品和产品介绍链接地址：
相关·内容
我试着申请
.nx-cal-table{
height: 100vw;
}
为了使日历占据整个窗口的高度，同时又不会溢出窗口，这意味着y滚动条不会出现。然而，它根本不起作用。
有什么想法吗？
浏览 0提问于2017-08-06得票数 0
尝试以下代码：
<!DOCTYPE html>
<html style="min-width:600px; overflow:auto;">
<body style="background:grey; padding:0px; margin:0px;">
<div style="text-align:right;">
this is some text
</div>
浏览 0提问于2013-02-15得票数 0
回答已采纳
1回答
我正在尝试创建一个css背景，无论内容高度如何，它在任何时候都是100%高的，并且当内容足够长以创建滚动条时，背景颜色在您滚动时保持不变。 无论我尝试哪种最小高度和高度的组合，我似乎都不能让它正常工作。 当我使用Tailwind的h-screen类时，当内容小于视区时，它会填充到页面的底部，但当有滚动条时，背景会在滚动的部分消失。 我在parent div/body/html上尝试了h-full和min-height: 100%的各种组合，但似乎都不起作用。 下面是一个有效的示例： https://jsfiddle.net/t30wo6uk/3/ 以下是演示的两个问题的屏幕截图： h-scr
浏览 29提问于2021-08-03得票数 0
回答已采纳
例如，在这个家伙的网站()中，不管你放大多少窗口，包含他的名字和背景的div占据了整个屏幕，直到你向下滚动或者点击'read‘链接，它有一个scrollTo功能。有人能给我解释一下吗？
浏览 3提问于2017-08-29得票数 0
回答已采纳
我试图输入页面，在整个屏幕上显示一个div (完全宽度和高度)，不管浏览器窗口的大小如何。也就是说，这个div占据了所有，直到你不滚动，你就不会看到下面是什么。
它似乎工作在高，因为即使你使它更高或更小，下面的下一个div是看不到的，除非你向下滚动，到目前为止还不错。
但宽度是另一回事，它不覆盖我的整体，在顶部，如果我缩小了窗口的宽度，文本不会被塑造成那个宽度，然后出现水平滚动。
用翻译(免费版)
HTML代码
<div id="slider-total">
<h1>Prueba de titulo</h1>
浏览 1提问于2021-02-24得票数 0
回答已采纳
1回答
我正在尝试将我的旋转木马的宽度设置为屏幕宽度的100%，而高度从顶部开始占据屏幕的35%。我尝试过无数次将%与height一起使用，但它就是不起作用。
这是我的css：
html,body{
height: 100%; width: 100%; margin: 0;
}
.carousel-slide, .carousel-image, .carousel-inner{
height: 35%;
width: 100%;
}
/*carousel-image is the class for the images placed in the carousel*/
我
浏览 12提问于2017-03-15得票数 0
回答已采纳
2回答
我想要制作一个元素，也就是我用css制作的框，显示在框架之外，或者有一个完整窗口长度的最高边距值。
下面是一个工作示例的网站链接：引用链接的网站，我想复制刚脱离框架的白色背景区域，使用户通过滚动发现白色区域。谢谢您抽时间见我。
HTML代码：
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="Stylesheet.css"></link>
<s
浏览 0提问于2015-01-07得票数 1
回答已采纳
我有一个图像，这只是一个颜色转换图像(深蓝色到浅蓝色)，但它有两个图形块在左侧。
我使用width: 100%，这样图像就可以从页面的左边一直延伸到页面的右侧，这样就可以了。
但是，当浏览器窗口比页面窄时，图像总是停在浏览器窗口的最右侧。然后，当我将水平滚动条向右移动时，图像不会在页面上展开。它就在浏览器窗口停止的地方停止。
CSS:
#header {
height:205px;
width:100%;
min-width:100%;
background-position:left top;
background-image:url(images/h
浏览 0提问于2015-05-24得票数 0
1回答
溢出没有背景
、、
我有一个类似于这个类的article：
.stretchedToMargin {
display: block;
position:absolute;
height:100%;
bottom:0;
top:0;
left:0;
right:0;
}
这是很好的:文章总是占据至少整个垂直空间。对于比屏幕更长的文章，将显示一个滚动条。
但是，对于超出屏幕的文章，当我需要滚动来查看内容时，没有设置背景。article分为背景正确的部分和背景错误的部分。
我怎么能强迫我的article实际上和内容一样高，但至少和视口一样高？
编辑
添加一个示例：
浏览 5提问于2013-11-30得票数 0
回答已采纳
我在一个安卓WebView中展示Epubs。为了使其水平滚动，我添加了以下css规则： $("html").css("padding", 0);
$("html").css("margin", 0);
$("html").css("width", document.documentElement.clientWidth);
$("body").css("padding", 0);
$("body").css(&
浏览 18提问于2020-09-16得票数 3
2回答
将背景图像高度设置为视口高度
、、、、
在使用Vuetify.js的Nuxt.js应用程序中，我想为整个内容设置一个背景图像：
<v-content>
<v-img
src="https://picsum.photos/id/11/500/300"
>
<v-container justify-center fill-height>
<v-row justify="center" align="center">
<v-col
浏览 2提问于2019-12-23得票数 1
2回答
注:这是的后续问题。
我已经将接受的答案的代码包装在一个事件侦听器中，结果如下：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body, html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
浏览 4提问于2013-05-06得票数 2
3回答
我有两个body元素的子元素。HTML和BODY元素的样式都设置为高度:100%。对于孩子，第一个高度固定为100px，另一个高度设置为100%。
但是，这样做会在视觉上取代第二个子元素，将其向下推到页面上并创建一个侧边滚动条。实际上，这个子级是body和html标记高度的100%，但是因为它位于第一个100px的子级之后，所以整个部分会向下移动100px的页面，并创建一个侧边滚动条。
我可以在其中一个父元素上使用overflow: hidden来裁剪掉多余的内容，或者在第二个子元素上使用负边距来拉回它，但我不希望这样做。
理想情况下，第二个元素将紧跟在第一个子元素之后，并延伸到窗口的底部，仅
浏览 0提问于2015-02-04得票数 0
如何实施以下内容：
我想要一个div跨越身体的宽度和高度，当你向下滚动时，你会看到另一个分区占据身体的相同的宽度和高度，如下面的页面所示
这怎麽可能？
浏览 3提问于2016-02-03得票数 0
回答已采纳
2回答
我已经在CSS/HTML中创建了一个具有以下结构的布局：
页脚中的导航水平滚动内容以显示两个不同的屏幕。屏幕内容是固定高度和垂直居中的，并且布局总是充满整个窗口。
因为我的内容有一个固定的高度，所以当窗口达到一定高度时，我需要浏览器显示一个垂直滚动条。
我还有几个position:fixed <canvas>覆盖图，它们被设置为height:100%; width:100%的<html>和<body>元素裁剪。
我希望通过在<body>选择器上设置min-height:700px，可以在窗口变得太短时显示一个滚动条。这似乎不是工作。
我
浏览 1提问于2011-12-19得票数 0
1回答
所以我有一个应该是固定位置的元素，我想把它固定在右上角的视图上。
这是HTML：
<div class = "header">
<p>This is a heading with an absolute position</p>
</div>
和CSS：
.header {
position: absolute;
right:10px;
top: 10px;
}
它可以按需要工作，直到你用笔记本电脑向右滚动，或者用移动设备放大。这两个事件将根据事件的范围将元素左移。
我想出了两个解决方案：
1:在顶部制作一个div容器，宽度为10
浏览 1提问于2017-04-17得票数 0
回答已采纳
我的页面中有一个垂直的、可扩展的菜单组件。
我想让它：
1.占据屏幕高度的100%。
2.启用滚动，而不是在屏幕下延伸。
现在，我使用以下CSS：
#enableScrolling {
overflow-y: scroll;
height: 100%;
}
但是，该列表扩展到屏幕下方，而不是允许滚动。因此，使用height: 100%;似乎行不通。
我应该如何正确地做这件事？
浏览 0提问于2015-10-22得票数 0
2回答
我试图制作一个主页，其中一个div，让它称为家，占据整个浏览器窗口。所以当你加载它时，它会覆盖整个页面。我找到了许多关于如何做到这一点的指南。我有麻烦的是，我希望内容的家庭只是离屏幕，所以你必须滚动到它。我认为这将是最好的做法是固定的定位和设置顶部浏览器的高度。这是我的密码
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.overlay{
opacity:0.8;
background-color:#ccc;
浏览 3提问于2014-09-17得票数 0
回答已采纳
2回答
我想在Html文档的可见部分的底部放置一个弹出窗口，即使我向下滚动？
html文档在窗口中放不下，所以我必须向下滚动才能全部查看。每次滚动的时候，可见的部分都是不同的。那么，如何获得当前可见部分底部的坐标呢？
任何帮助都将不胜感激。
致以敬意，
贺拉斯
浏览 0提问于2012-12-22得票数 0
1回答
我需要做一个看起来像这样的站点：现在它看起来有点像那个，但是第一个div (带有背景图像的那个)没有占据视窗高度和宽度的一半。有什么办法可以帮你解决吗？
截图：
HTML：
<div id="main-menu">
<p id="invitation_title">
Escapate a
</p>
<p id="city_title">Nueva York</p>
<Menu />
浏览 0提问于2019-02-16得票数 0
4回答
我有一个包含一个div的HTML页面。主体代码如下所示：
<div>
</div>
CSS看起来像这样：
body {
margin:0;
height:100vh;
width:100vh;
}
div {
height:100vh;
width:100vh;
color:#000000;
}
我在另一个stackoverflow帖子上看到了一个类似的例子。
我一定是疯了。不管怎样，我做了它，这样我就可以看到div了，它现在占据了整个高度，但不是整个宽度。它占据了1/2多一点的空间。
浏览 2提问于2013-12-06得票数 0
2回答
所以，我有一个奇怪的问题，我不确定它为什么存在。我正在处理一个网页，并通过无重复居中添加了一个背景图像，如下所示。这是来自外部CSS
body {
background-image: url('AllCalcBackground.png');
background-position: center;
overflow: hidden;
margin: 0px;
}
溢出只是因为我不想在页面上有滚动条和页边距，这样如果我想的话所有的东西都可以与窗口的侧面齐平。无论如何，由于某种原因，图像决定不在页面中心居中，而是在顶部附近居中。我检查了页面(就像在
浏览 1提问于2014-04-11得票数 0
我已经创建了一个完整的响应式CSS菜单，在较小的浏览器尺寸下，它会变成一个下拉列表。
较小屏幕尺寸的下拉列表的行为符合预期，但我想要做的是，在不改变页面大小的情况下，强制下拉元素占据整个窗口的高度和宽度(我已经实现了全宽，但不是全高)。换句话说，我希望菜单占据整个窗口的高度，并放在除按钮之外的所有东西之上(这样它就可以很明显地再次折叠。
我已经尝试更改了一些属性，但目前我不确定这样做是否可行。有谁有关于如何做到这一点的想法吗？
CSS
body {
margin: 0;
font-family: Helvetica, sans-serif;
background-color: #
浏览 1提问于2018-07-09得票数 0
我正在尝试建立一个网站的初始‘登陆页面’的外观，然后您可以向下滚动查看其余的内容。
我可以很容易地创建一个div来适应我当前使用的设备的屏幕，但是我如何为其他不同屏幕大小的设备编写代码呢？
我试过使用“100%”，它一开始当然有效，但当你滚动时，它会继续充满整个屏幕。我已经尝试定义一个特定的纵横比，但同样，这将只适用于我正在工作的屏幕。
为了清楚起见，我希望div或img在用户第一次登陆时填满屏幕，然后当用户滚动div/img时，div/img应该随着页面的其余部分向上移动。
我想只使用HTML或CSS来实现这一点。
提前感谢您的任何建议！
浏览 9提问于2016-08-17得票数 1
回答已采纳
有没有可能创建一个粘性的页眉或页脚，这样无论你在哪里滚动页眉/页脚都会保持原样？我正在寻找一个HTML/css/javascript的iPhone/webkit解决方案。
浏览 1提问于2009-09-22得票数 1
回答已采纳
我想要显示一个图像居中窗口(水平和垂直)。如果图像太大，我想缩小到合适的尺寸(没有滚动条)。
这是一个实时的 -试着调整窗口的大小。图像缩放以适合，但不是垂直居中。
我正在尝试使用CSS table/table-cell，但这破坏了图像上的max-height设置。如果取消对table/table-cell的注释，图像将延伸到窗口底部之外。
两者都有可能吗？我发现了类似的问题，但不是这个确切的设置。
浏览 1提问于2014-09-07得票数 0
1回答
我想有一个页面，采取客户端窗口的全部高度和宽度。我希望能够使用position=absolute通过指定的转换在页面中定位div。他们将在桌子上打牌，因此他们将有一个x，y和旋转。这一切都很好用，但在移动设备上，当一个绝对定位的元素超出父元素的边界时，浏览器会添加一个滚动条，让您滚动到超出边界的元素。我发现我可以通过在父元素上使用clip-path: inset(0)来裁剪绝对定位元素的呈现，但是移动页面仍然允许您滚动到应用程序之外的白色部分。有没有其他方法可以将视区限制为只显示正文，这样我就可以保持整页的非滚动体验？我不认为overflow:hidden在这里是可行的，因为它的绝对定位。
浏览 22提问于2020-10-14得票数 0
这是我的CSS：
@media(max-width:767px){body { font-size: 22px; }}
@media(min-width:768px){body { font-size: 20px; }}
@media(min-width:992px){body { font-size: 16px; }}
当我调整笔记本上浏览器窗口的大小时，它会正确调整大小。但这是我的问题:当我从我的移动设备访问我的网站时，字体大小太小了(我不知道为什么，但是我的移动设备上的22 in太小了，我必须放大才能正确地看到它)。当我将小屏幕宽度的字体尺寸增加到40‘s时，它在我的移动设备上看起来很好
浏览 2提问于2015-06-06得票数 4
回答已采纳
1回答
我得到了一个代码：
当我滚动第一节时，第一节逐渐消失，第二部分从底部逐渐消失，下面是这样的代码：
$(window).scroll(function(){
$(".top").css("opacity", 1 - $(window).scrollTop() / 400);
});
$(window).scroll(function(){
$(".bottom").css("opacity", 0 + $(window).scrollTop() / 400);
});
但这只是一个滚动事件，只处理两个部分。有
浏览 5提问于2017-04-06得票数 0
回答已采纳
2回答
我的页面很长，需要用户滚动才能查看整个内容。我希望背景(它是一个CSS3渐变)在页面的整个长度上伸展，即使用户调整了窗口的大小。我正在使用来自另一个线程的代码来做这件事。然而，一旦我将页面切换到全屏，底部的背景就被切断了。我使用的代码如下所示。
function adjustBackground() {
var pageHeight = $('html').height();
var body = document.body,
html = document.documentElement;
var height = Math.max(
浏览 0提问于2016-05-05得票数 1
1回答
我有两个数字，如下所示：
<div class="div-one">
<p>Div 1</p>
</div>
<div class="div-two">
<p>Div 2</p>
</div>
在我的css中：
.div-one{
position: fixed;
width: 100%;
min-height: 100%;
}
.div-two{
position: relative;
width: 100%;
min-height: 1
浏览 0提问于2017-03-31得票数 2
回答已采纳
HTML代码：
<!DOCTYPE html>
<html>
<head></head>
<body>
<link rel="stylesheet" type="text/css" href="style.css">
<div class="sheet" style="width:80%;max-width:1024px;height:400px;"></div>
</bo
浏览 1提问于2015-10-24得票数 3
1回答
因此，我已经看过了下面的问题，但我仍然不知道为什么会发生这种情况：
这是我的小提琴：
CSS
body {
background-color:#ccc;
height:100%;
overflow:hidden;
}
div {
display:block;
position:relative;
}
html {
background-color:#f00;
height:100%;
overflow:hidden;
}
.uslt-wrapper {
height:100%;
overflow:auto
浏览 1提问于2013-06-28得票数 1
回答已采纳
1回答
我有一个ul，我已经传播了大量的图像。大多数情况下，图像数量足够多，因此需要滚动条。在图像与类似的ul之间存在拖放交互。两个ul都需要在屏幕上可见，所以我需要滚动条。这是我手动设置的，下面是ul的CSS： border: 2px solid black;
height: 70%;
list-style-type: none;
overflow-y: scroll; 我希望高度为屏幕的70%，但如果使用%，ul就会扩展到屏幕之外，浏览器本身就会获得滚动条。我将overflow-y设置为强制滚动条，但它不会改变行为。 我使用bootstrap grid来调整元素的大小。我需要这个ul可以和其他页
浏览 16提问于2019-04-12得票数 1
回答已采纳
2回答
基本上我想做的是在一个最大化的窗口中放置一个800x600的游戏。因此，如果分辨率为1280x1024，则会有一个很大的边框，但如果分辨率为800x600，则会占据整个屏幕
这是在Initialize方法中，它使游戏窗口全屏显示，具有固定的3d边界，但工作区也调整为全屏
Form gameWindowForm = (Form)sys.Form.FromHandle(this.Window.Handle);
gameWindowForm.FormBorderStyle = FormBorderStyle.Fixed3D;
gameWindowForm.Text = "";
gam
浏览 0提问于2012-09-06得票数 0
回答已采纳
使用相对定位，当我的笔记本电脑上的窗口是全屏的时候，它工作得很好，但是，一旦我把它稍微变小了，比如20px，子弹就会变得不对齐。有没有办法让这些子弹保持一致？
HTML。
<div id="mapdiv">
<img id="map" src="images/map117.jpg">
<a class="battlebullets" id="b1" href="RomanBattles117.html#battlerow1">⬤</a>
浏览 1提问于2018-09-14得票数 0
我有以下HTML： <!doctype html>
<html>
<head>
<meta charset="utf-8" />
<style>
* {
box-sizing: border-box;
}
section, header {
width: 100vw;
height: 100vh;
}
header {
display: flex;
f
浏览 15提问于2019-05-04得票数 0
回答已采纳
我正在尝试使用元素的内容作为页面背景。我可以让它在浏览器窗口的长度内正常工作，但是一旦内容滚动，div就会停止。
html：
<html><head><title></title></head>
<body>
<div id="background"></div>
<div id="content" style="height:900px;">Lorem Ipsum
<br />...an arb
浏览 0提问于2013-01-25得票数 1
3回答
我在wordpress标题中有以下脚本，当用户向上滚动而不是向下滚动时(第一次除外)，它会使我的#s-nav动画化。
然而，我不希望它在移动设备上运行(我希望当屏幕小于768px时能够更改css )
<script>
var didScroll;
var lastScrollTop = 0;
var delta = 5;
var navbarHeight = $('nav').outerHeight();
$(window).scroll(function(event) { didScroll = true; });
setInterva
浏览 12提问于2016-07-28得票数 0
回答已采纳
所以我刚开始学习用HTML和CSS开发网页，最近我发现如果我决定在笔记本电脑上创建一个完整大小的网页内容，其中有一个16英寸窗口，我就不会得到与我的24英寸桌面监视器相同的视图。
下面是一个例子。在下面的第一个屏幕截图中，我有一个div，其中包含下拉元素，如名称和电话号码，以便占据笔记本上的页面高度。
在这里，您可以看到，我使div的高度大致占据了整个网页。但是，我注意到，如果我用我的24英寸显示器打开这个html文档，我会得到以下信息：
因此，我只是注意到，虽然我做了一个全高度的div基于我的笔记本电脑的窗口，但它不适用于当我看到它与我更大的24英寸显示器。有人能帮我，因
浏览 0提问于2020-10-05得票数 1
7回答
我尝试在CSS中将<div>设置为某个百分比的高度，但它只是与其中的内容保持相同的大小。但是，当我删除HTML5的<!DOCTYTPE html>时，它可以正常工作，<div>会根据需要占据整个页面。我想让页面进行验证，那么我应该怎么做？
我在<div>上有这个CSS，它的ID是page
#page {
padding: 10px;
background-color: white;
height: 90% !important;
}
浏览 1提问于2009-10-26得票数 200
回答已采纳
1回答
我只是在玩一些CSS绝对和固定的属性，发现CSS中的绝对和相对位置之间有一个不寻常的区别。
基本上，当我绝对定位某物时，当内容大于窗口或包含元素的高度时，滚动条就会出现，但当我将位置更改为固定位置时，即使内容比窗口的高度更高，也不会出现滚动条。
我已经为此创建了一个测试用例：
HTML：
<div class="page-container">
<div class="helper">
<div class="marker red"></div>
<di
浏览 3提问于2015-03-07得票数 6
回答已采纳
我有这样的代码：
function Scroll(aid){
var aTag = $(\"a[name='\"+ aid +\"']\");
$('html,body').animate({scrollTop: aTag.offset().top},'slow');
}
但问题是，它向下滚动到标签，所以它在窗口的顶部。我确实想要它，所以它只滚动到元素，所以它在窗口的底部。
因此，您可以看到元素顶部的内容
浏览 2提问于2013-09-25得票数 0
回答已采纳
2回答
我对响应性设计不太熟悉，我似乎无法为所需的目标找到解决方案。下面是我想要的布局的模拟：
现在，我们的目标是有图像，没有间隙，适合于图像网格容器。这个容器应该占据完整的剩余空间，在浏览器视图端口的最右边和底部，但是它不会超过它，所以我们没有任何滚动条。所有的图像都是相同尺寸的。
行列分布将取决于视口大小和图像尺寸，以防止不必要的扭曲。当视口大小达到特定的断点时，这一比率会发生变化，但是在中间的断点，图像将通过比例缩放来微调。
突破点管理与媒体查询和网站必须是移动友好的，也。我不能用“vh”来解决这件事。
我主要是寻找最轻的实现，所以纯粹的CSS解决方案将是理想的。我听说过砌体JS库和派
浏览 3提问于2013-09-25得票数 1
1回答
我找到了一个很好的联系页面，我想要复制，见在康塔蒂部分。
我在推特Bootstrap3中使用Initializr。
这里是用于联系人部分的HTML/css/js结构，我在iframeWrapper中放置了一个gmaps (iframeWrapper“map”)并放置位置:相对而言，iframeBlock是一个全宽度/高度面板，其不透明度= 0.7以遮挡iframe，iframeCont有两个面板，带有一些接触链接，而btn-map和btn-cont用于切换活动(不透明，也不可能使滚动和使用缩放按钮)和不活动的iframe。我设置了位置: iframeWrapper中所有其他元素的绝对位置。
$
浏览 2提问于2015-10-20得票数 1
回答已采纳
嗨，我有以下情况：
<ScrollPane xmlns:fx="http://javafx.com/fxml" fx:controller="MenuController" fx:id="menuPane" stylesheets="/fxml/styles/menu_style.css" fitToWidth="true" fitToHeight="true" hbarPolicy="ALWAYS" vbarPolicy="ALWAYS">
<
浏览 0提问于2016-04-19得票数 1
回答已采纳
2回答
我试图通过使用CSS转换来创建一个垂直进度条。我希望进度条占据屏幕的全部高度。
问题是，由于我使用CSS旋转，进度条的高度等于屏幕的宽度，而不是它的高度。我创建了一个来演示这一点:进度条的长度将根据“结果”部分的宽度而改变。这是不正确的:它应该总是占据整个屏幕。下面是代码：
HTML：
<progress max="1" value="0.8"></progress>
CSS：
progress {
margin: 0;
height: 5px;
width: 100%;
-webkit-transform
浏览 0提问于2015-06-24得票数 2
回答已采纳
2回答
我正在尝试创建一个简单的单页网站，在移动设备上工作。理想情况下，我希望网站的每个部分都是浏览器高度的100%。这是页面：
下面是代码：
body, html {
height: 100%;
width: 100%;
}
.section {
height: 100%;
position: relative;
}
.one, .three {
background-color: #666;
}
.two {
background-color: #222;
}
.bottom {
position: absolute;
bottom: 20px;
浏览 0提问于2016-09-09得票数 1
当我的浏览器窗口处于全屏模式时，窗口的内部宽度似乎仍然小于我的屏幕宽度。我很困惑，因为(基于这个)我认为，如果我的内部窗口占据了我的整个屏幕，那么它的尺寸将与我的屏幕相同。
相反，当我在全屏模式下运行window.innerWidth和screen.width时，我会收到以下值：
屏幕宽度： 1280 px
内窗宽度： 625 px
我的浏览器被放大到100%。
为什么当我将浏览器置于全屏模式时，内部窗口宽度与屏幕宽度不匹配？
浏览 14提问于2022-07-27得票数 0
回答已采纳
我试图实现一个水平滚动网站与一个固定的页眉和页脚。
目标: 1.固定页眉和页脚2.没有垂直滚动3.内容div填充页眉和页脚之间的所有空格。
我使用的位置:绝对的内容，以确保高度:100%占据之间的页眉和页脚之间的面积。(我的第三个目标)然而，这也会导致一个垂直滚动条出现。
现场演示：
如果没有垂直滚动条的出现，我如何实现我的目标？
提前谢谢！
html代码：
<div id="total">
<header id="1">
<div id="a">
浏览 4提问于2013-08-13得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
