- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我不确定其他与我的问题明显相似的问题是否归结为同一主题。
请考虑这段代码(为更清楚起见,为 head
部分提取了 CSS 代码):
body {
margin: 0;
overflow: hidden;
}
#centredArea {
background-color: red;
width: 600px;
margin: auto;
min-height: 2000px;
min-width: 500px;
text-align: right;
}
#container {
min-width: 396px;
padding: 1px;
}
#leftPane {
background-color: yellowgreen;
width: 20%;
min-width: 100px;
float: left;
height: 1200px;
}
#rightPane {
background-color: blue;
width: 79%;
float: left;
height: 1200px;
}
#pictArea {
height: 140px;
background-color: pink;
width: 60%;
margin: auto;
margin-top: 40px;
margin-bottom: 20px;
}
#mainTxtArea {
height: 200px;
min-height: 100px;
min-width: 200px;
background-color: yellow;
width: 80%;
overflow-y: scroll;
padding: 12px;
margin: auto;
text-align: left;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>home.htm</title>
</head>
<body>
<div id="centredArea">CENTRERED AREA
<div id='container'>
<div id="leftPane">LEFT PANE</div>
<div id="rightPane">
<div id='pictArea'>PICT AREA</div>
<div id='mainTxtArea'>
It may not be unnecessary to inform the reader that the following Reflections had their origin in a correspondence between the Author and avery young gentleman at Paris, who did him the honor of desiring his opinion upon the important transactions which then, and ever since,have so much occupied the attention of all men. An answer was written some time in the month of October 1789, but it was kept back uponprudential considerations. That letter is alluded to in the beginning ofthe following sheets. It has been since forwarded to the person to whom it was addressed. The reasons for the delay in sending it were assigned in a short letter to the same gentleman. This produced on his part a new and pressing application for the Author’s sentiments.<p>
The Author began a second and more full discussion on the subject.This he had some thoughts of publishing early in the last spring; but, the matter gaining upon him, he found that what he had undertaken not only far exceeded the measure of a letter, but that its importance required rather a more detailed consideration than at that time he had any leisure to bestow upon it. However, having thrown down his first thoughts inthe form of a letter, and, indeed, when he sat down to write, havingintended it for a private letter, he found it difficult to change the form ofaddress when his sentiments had grown into a greater extent and had received another direction. A different plan, he is sensible, might be more favorable to a commodious division and distribution of his matter.<p>
It may not be unnecessary to inform the reader that the following Reflections had their origin in a correspondence between the Author and avery young gentleman at Paris, who did him the honor of desiring his opinion upon the important transactions which then, and ever since,have so much occupied the attention of all men. An answer was written some time in the month of October 1789, but it was kept back uponprudential considerations. That letter is alluded to in the beginning ofthe following sheets. It has been since forwarded to the person to whom it was addressed. The reasons for the delay in sending it were assigned in a short letter to the same gentleman. This produced on his part a new and pressing application for the Author’s sentiments.<p>
The Author began a second and more full discussion on the subject.This he had some thoughts of publishing early in the last spring; but, thematter gaining upon him, he found that what he had undertaken not onlyfar exceeded the measure of a letter, but that its importance required rather a more detailed consideration than at that time he had any leisure to bestow upon it. However, having thrown down his first thoughts inthe form of a letter, and, indeed, when he sat down to write, havingintended it for a private letter, he found it difficult to change the form ofaddress when his sentiments had grown into a greater extent and had received another direction. A different plan, he is sensible, might be more favorable to a commodious division and distribution of his matter.<p>
It may not be unnecessary to inform the reader that the following Reflections had their origin in a correspondence between the Author and avery young gentleman at Paris, who did him the honor of desiring his opinion upon the important transactions which then, and ever since,have so much occupied the attention of all men. An answer was written some time in the month of October 1789, but it was kept back uponprudential considerations. That letter is alluded to in the beginning ofthe following sheets. It has been since forwarded to the person to whom it was addressed. The reasons for the delay in sending it were assigned in a short letter to the same gentleman. This produced on his part a new and pressing application for the Author’s sentiments.<p>
The Author began a second and more full discussion on the subject.This he had some thoughts of publishing early in the last spring; but, thematter gaining upon him, he found that what he had undertaken not onlyfar exceeded the measure of a letter, but that its importance required rather a more detailed consideration than at that time he had any leisure to bestow upon it. However, having thrown down his first thoughts inthe form of a letter, and, indeed, when he sat down to write, havingintended it for a private letter, he found it difficult to change the form ofaddress when his sentiments had grown into a greater extent and had received another direction. A different plan, he is sensible, might be more favorable to a commodious division and distribution of his matter.<p>
It may not be unnecessary to inform the reader that the following Reflections had their origin in a correspondence between the Author and avery young gentleman at Paris, who did him the honor of desiring his opinion upon the important transactions which then, and ever since,have so much occupied the attention of all men. An answer was written some time in the month of October 1789, but it was kept back uponprudential considerations. That letter is alluded to in the beginning ofthe following sheets. It has been since forwarded to the person to whom it was addressed. The reasons for the delay in sending it were assigned in a short letter to the same gentleman. This produced on his part a new and pressing application for the Author’s sentiments.<p>
The Author began a second and more full discussion on the subject.This he had some thoughts of publishing early in the last spring; but, thematter gaining upon him, he found that what he had undertaken not onlyfar exceeded the measure of a letter, but that its importance required rather a more detailed consideration than at that time he had any leisure to bestow upon it. However, having thrown down his first thoughts inthe form of a letter, and, indeed, when he sat down to write, havingintended it for a private letter, he found it difficult to change the form ofaddress when his sentiments had grown into a greater extent and had received another direction. A different plan, he is sensible, might be more favorable to a commodious division and distribution of his matter.<p>
</div>
</div>
</div>
</div>
</body>
</html>
在这个 fiddle 中:https://jsfiddle.net/BCoustillas/7oxk0fgr/24/使“浏览器 Pane ”足够高,以便您可以看到整个#mainTxtArea(黄色),其中有一个 y 滚动设备。
现在,如果您以通常的方式垂直缩小浏览器窗口的大小,黄色区域不会适应剩余空间,而是保持其原始高度大小并逐渐脱离浏览器窗口的 graf 端口。
我的 CSS 代码有什么问题?
最佳答案
也许对你有帮助。请检查下面的代码
body {
margin: 0;
overflow: hidden;
}
#centredArea {
background-color: red;
width: 600px;
margin: auto;
min-height: 2000px;
text-align: right;
max-width:100%;
}
#container {
padding: 1px;
}
#leftPane {
background-color: yellowgreen;
width: 20%;
float: left;
height: 1200px;
}
#rightPane {
background-color: blue;
width: 79%;
float: left;
height: 1200px;
}
#pictArea {
height: 140px;
background-color: pink;
width: 60%;
margin: auto;
margin-top: 40px;
margin-bottom: 20px;
}
#mainTxtArea {
height: 200px;
min-height: 100px;
background-color: yellow;
width: 80%;
overflow-y: scroll;
padding: 12px;
margin: auto;
text-align: left;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>home.htm</title>
</head>
<body>
<div id="centredArea">CENTRERED AREA<!-- +++ -->
<div id='container'>
<div id="leftPane" class='coteACote'>LEFT PANE</div>
<div id="rightPane" class='coteACote'>
<div id='pictArea'>PICT AREA</div>
<div id='mainTxtArea'>
It may not be unnecessary to inform the reader that the following Reflections had their origin in a correspondence between the Author and avery young gentleman at Paris, who did him the honor of desiring his opinion upon the important transactions which then, and ever since,have so much occupied the attention of all men. An answer was written some time in the month of October 1789, but it was kept back uponprudential considerations. That letter is alluded to in the beginning ofthe following sheets. It has been since forwarded to the person to whom it was addressed. The reasons for the delay in sending it were assigned in a short letter to the same gentleman. This produced on his part a new and pressing application for the Author’s sentiments.<p>
The Author began a second and more full discussion on the subject.This he had some thoughts of publishing early in the last spring; but, thematter gaining upon him, he found that what he had undertaken not onlyfar exceeded the measure of a letter, but that its importance required rather a more detailed consideration than at that time he had any leisure to bestow upon it. However, having thrown down his first thoughts inthe form of a letter, and, indeed, when he sat down to write, havingintended it for a private letter, he found it difficult to change the form ofaddress when his sentiments had grown into a greater extent and had received another direction. A different plan, he is sensible, might be more favorable to a commodious division and distribution of his matter.<p>
It may not be unnecessary to inform the reader that the following Reflections had their origin in a correspondence between the Author and avery young gentleman at Paris, who did him the honor of desiring his opinion upon the important transactions which then, and ever since,have so much occupied the attention of all men. An answer was written some time in the month of October 1789, but it was kept back uponprudential considerations. That letter is alluded to in the beginning ofthe following sheets. It has been since forwarded to the person to whom it was addressed. The reasons for the delay in sending it were assigned in a short letter to the same gentleman. This produced on his part a new and pressing application for the Author’s sentiments.<p>
The Author began a second and more full discussion on the subject.This he had some thoughts of publishing early in the last spring; but, thematter gaining upon him, he found that what he had undertaken not onlyfar exceeded the measure of a letter, but that its importance required rather a more detailed consideration than at that time he had any leisure to bestow upon it. However, having thrown down his first thoughts inthe form of a letter, and, indeed, when he sat down to write, havingintended it for a private letter, he found it difficult to change the form ofaddress when his sentiments had grown into a greater extent and had received another direction. A different plan, he is sensible, might be more favorable to a commodious division and distribution of his matter.<p>
It may not be unnecessary to inform the reader that the following Reflections had their origin in a correspondence between the Author and avery young gentleman at Paris, who did him the honor of desiring his opinion upon the important transactions which then, and ever since,have so much occupied the attention of all men. An answer was written some time in the month of October 1789, but it was kept back uponprudential considerations. That letter is alluded to in the beginning ofthe following sheets. It has been since forwarded to the person to whom it was addressed. The reasons for the delay in sending it were assigned in a short letter to the same gentleman. This produced on his part a new and pressing application for the Author’s sentiments.<p>
The Author began a second and more full discussion on the subject.This he had some thoughts of publishing early in the last spring; but, thematter gaining upon him, he found that what he had undertaken not onlyfar exceeded the measure of a letter, but that its importance required rather a more detailed consideration than at that time he had any leisure to bestow upon it. However, having thrown down his first thoughts inthe form of a letter, and, indeed, when he sat down to write, havingintended it for a private letter, he found it difficult to change the form ofaddress when his sentiments had grown into a greater extent and had received another direction. A different plan, he is sensible, might be more favorable to a commodious division and distribution of his matter.<p>
It may not be unnecessary to inform the reader that the following Reflections had their origin in a correspondence between the Author and avery young gentleman at Paris, who did him the honor of desiring his opinion upon the important transactions which then, and ever since,have so much occupied the attention of all men. An answer was written some time in the month of October 1789, but it was kept back uponprudential considerations. That letter is alluded to in the beginning ofthe following sheets. It has been since forwarded to the person to whom it was addressed. The reasons for the delay in sending it were assigned in a short letter to the same gentleman. This produced on his part a new and pressing application for the Author’s sentiments.<p>
The Author began a second and more full discussion on the subject.This he had some thoughts of publishing early in the last spring; but, thematter gaining upon him, he found that what he had undertaken not onlyfar exceeded the measure of a letter, but that its importance required rather a more detailed consideration than at that time he had any leisure to bestow upon it. However, having thrown down his first thoughts inthe form of a letter, and, indeed, when he sat down to write, havingintended it for a private letter, he found it difficult to change the form ofaddress when his sentiments had grown into a greater extent and had received another direction. A different plan, he is sensible, might be more favorable to a commodious division and distribution of his matter.<p>
</div>
</div>
</div>
</div>
</body>
</html>
关于html - 调整浏览器窗口大小时如何使 div 流畅?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55097829/
https://github.com/mattdiamond/Recorderjs/blob/master/recorder.js中的代码 我不明白 JavaScript 语法,比如 (functio
在 iOS 7 及更早版本中,如果我们想在应用程序中找到 topMostWindow,我们通常使用以下代码行 [[[UIApplication sharedApplication] windows]
我已经尝试解决这个问题很长一段时间了:我无法访问窗口的 url,因为它位于另一个域上..有一些解决方案吗? function login() { var cb = window.ope
是否可以将 FFMPEG 视频流传递到 C# 窗口?现在它在新窗口中作为新进程打开,我只是想将它传递给我自己的 SessionWindow。 此时我像这样执行ffplay: public void E
我有一个名为 x 的矩阵看起来像这样: pTime Close 1 1275087600 1.2268 2 1275264000 1.2264 3 1275264300 1.2
在编译时,发生搜索,grep搜索等,Emacs会在单独的窗口中创建一个新的缓冲区来显示结果,有没有自动跳转到那个窗口的方法?这很有用,因为我可以使用 n 和 p 而不是 M-g n 和 M-g p 移
我有一个启动 PowerShell 脚本的批处理文件。 批处理文件: START Powershell -executionpolicy RemoteSigned -noexit -file "MyS
我有一个基于菜单栏的应用程序,单击图标时会显示一个窗口。在 Mac OS X Lion 上一切正常,但由于某种原因,在 Snow Leopard 和早期版本的 Mac OS X 上会出现错误。任何时候
在 macOS 中,如何在 Xcode 和/或 Interface Builder 中创建带有“集成标题栏和工具栏”的窗口? 这是“宽标题栏”类型的窗口,已添加到 OS X 10.10 Yosemit
在浏览器 (Chrome) 中 JavaScript: var DataModler = { Data: { Something: 'value' }, Process: functi
我有 3 个 html 页面。第 1 页链接到第 2 页,第 2 页链接到第 3 页(为了简单起见)。 我希望页面 2 中的链接打开页面 3 并关闭页面 1(选项卡 1)。 据我了解,您无法使用 Ja
当点击“创建节点”按钮时,如何打开一个新的框架或窗口?我希望新框架包含一个文本字段和下拉菜单,以便用户可以选择一个选项。 Create node Search node
我有一个用户控件,用于编辑应用程序中的某些对象。 我最近遇到一个实例,我想弹出一个新的对话框(窗口)来托管此用户控件。 如何实例化新窗口并将需要设置的任何属性从窗口传递到用户控件? 感谢您的宝贵时间。
我有一个Observable,它发出许多对象,我想使用window或buffer操作对这些对象进行分组。但是,我不想指定count参数来确定窗口中应包含多少个对象,而是希望能够使用自定义条件。 例如,
我有以下代码,它打开一个新的 JavaFX 阶段(我们称之为窗口)。 openAlertBox.setOnAction(e -> { AlertBox alert = AlertBox
我要添加一个“在新窗口中打开”上下文菜单项,该菜单项将以新的UIScene打开我的应用程序文档之一。当然,我只想在实际上支持多个场景的设备上显示该菜单项。 目前,我只是在检查设备是否是使用旧设备的iP
我正在尝试创建一个 AIR 应用程序来记录应用程序的使用情况,使用 AIR 从系统获取信息的唯一简单方法是使用命令行工具和抓取 标准输出 . 我知道像 这样的工具顶部 和 ps 对于 OS X,但它们
所以我有这个简单的 turtle 螺旋制作器,我想知道是否有一种方法可以打印出由该程序创建的我的设计副本。 代码: import turtle x= float(input("Angle: ")) y
我正在编写一个 C# WPF 程序,它将文本消息发送到另一个程序的窗口。我有一个宏程序作为我的键盘驱动程序 (Logitech g15) 的一部分,它已经这样做了,尽管它不会将击键直接发送到进程,而是
我尝试使用以下代码通过 UDP 发送,但得到了奇怪的结果。 if((sendto(newSocket, sendBuf, totalLength, 0, (SOCKADDR *)&sendAd
我是一名优秀的程序员,十分优秀!