个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我是一名初级程序员，我正在练习使用 CSS3 进行网站布局，但我的一个 div 没有显示。
div #right-rectangle 没有出现，我不确定为什么，因为有宽度、高度和背景颜色。我检查了验证器上的代码，但它没有显示有关 div 的任何信息。
#rectangle-1 {
width: 31%;
height: 20vh;
background-color: #D0021B;
float: left;
margin: 2vh;
}
#rectangle-2 {
width: 31%;
height: 20vh;
background-color: #4A90E2;
float: left;
margin: 2vh;
}
#rectangle-3 {
width: 31%;
height: 20vh;
background-color: #4A4A4A;
float: left;
margin: 2vh;
}
.paragraph {
margin-left: 2vh;
margin-right: 2vh;
float: left;
}
p {
word-spacing: 5px;
font-size: 20px;
}
#left-rectangle {
height: 30vh;
width: 33%;
float: left;
background-color: #D0021B;
margin: 2vh;
}
#right-rectangele {
height: 30vh;
width: 60%;
background-color: #4A90E2;
float: left;
margin: 2vh;
}
#bottom-left-rectangle {
height: 20vh;
width: 65%;
background-color: #4A90E2;
float: left;
clear: both;
margin: 1vh 0vh 0vh 2vh;
}
#bottom-right-rectangle {
height: 20vh;
width: 32%;
background-color: #D0021B;
float: left;
margin: 1vh 2vh 0vh 0vh;
}
#rect-inside-rect {
height: 20vh;
width: 75%;
background-color: #4A4A4A;
margin: 0vh 0vh 0vh 7.5vh;
}<head>
<title>HTML Layout 1-b</title>
<link rel="stylesheet" type="text/css" href="../css/main.css"/>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name ="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id = "container">
<div id = "top">
<div id = "rectangle-1"></div>
<div id = "rectangle-2"></div>
<div id = "rectangle-3"></div>
</div>
<div class = "paragraph" id = "paragraph-1">
<p> Nunc at velit quis lectus nonummy eleifend. Curabitur eros. Aenean ligula dolor, gravida auctor, auctor et, suscipit in, erat. Sed malesuada, enim ut congue pharetra, massa elit convallis pede, ornare scelerisque libero neque ut neque. In at libero. Curabitur molestie. Sed vel neque. Proin et dolor ac ipsum elementum malesuada. Praesent id orci. Donec hendrerit. In hac habitasse platea dictumst. Aenean sit amet arcu a turpis posuere pretium. Nunc at velit quis lectus nonummy eleifend. Curabitur eros. Aenean ligula dolor, gravida auctor, auctor et, suscipit in, erat. Sed malesuada, enim ut congue pharetra, massa elit convallis pede, ornare scelerisque libero neque ut neque. In at libero. </p>
</div>
<div class = "paragraph">
<p> Nunc at velit quis lectus nonummy eleifend. Curabitur eros. Aenean ligula dolor, gravida auctor, auctor et, suscipit in, erat. Sed malesuada, enim ut congue pharetra, massa elit convallis pede, ornare scelerisque libero neque ut neque. In at libero. Curabitur molestie. Sed vel neque. Proin et dolor ac ipsum elementum malesuada. Praesent id orci. Donec hendrerit. In hac habitasse platea dictumst. Aenean sit amet arcu a turpis posuere pretium. Nunc at velit quis lectus nonummy eleifend. Curabitur eros. Aenean ligula dolor, gravida auctor, auctor et, suscipit in, erat. </p>
</div>
<div id = "left-rectangle"></div>
<div id = "right-rectangle"></div>
<div id = "bottom-left-rectangle"></div>
<div id = "bottom-right-rectangle">
<div id = "rect-inside-rect"></div>
</div>
</div>
</body>最佳答案
这是一个打字错误:将“#right-rectangele”替换为“#right-rectangle”:-)
关于html - Div 没有出现在网页上，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39562658/
25
4
0
这个问题与窗口处理或多个浏览器窗口的杂耍无关，而是关于在同一窗口中浏览 Web 应用程序的网页。我遇到这样的情况 1.我导航为屏幕 A->屏幕 x->屏幕 Y->屏幕 B 2.我需要捕获首次登录时屏幕
我有这个要求: The system will record the length of time the user displayed each page. 虽然在富客户端应用程序中微不足道，但我不
我在调试 JavaScript 网页时遇到问题。我遇到困难的地方是我标记 (...) 的地方。我收到未定义的错误。我是否将函数 countDown(start, Increment) 中的参数(即 s
需要一些帮助。我刚开始学习 HTML，今天一直在研究如何制作菜单，但在这样做时遇到了问题。 我似乎不知道如何在屏幕上居中显示菜单。 这就是我目前所拥有的； Home
我想通过单击按钮将小程序的任何参数发送到浏览器。 (HTML)。我知道按钮对象有一些方法，但不知道使用哪个。我怎样才能做到这一点？ps .: 我使用的是 jnlp 协议(protocol)。 类似于:
我应该使用Wikipedia的文章链接数据转储从组织的网站中提取代表性术语。 为此，我已经- 抓取并下载了该组织的网页。 (〜110,000) 创建了Wikipedia ID和术语/标题的字典。 (约
我的网页中包含 javascript 函数... function callFromAndroid(varName) { alert("call from android activated by
我想创建一个 Java 应用程序，允许用户导入网页并能够在程序中对其进行编辑。 导入网页将对其进行渲染，并且页面的组件(图像、文本等)将是可编辑或可拖动的，从而允许用户重新布局组件。 例如，用户可以加
当我们按下按钮时，我向 JFrame 添加了一个网页(网页在同一框架中打开)。效果很好。但我想向其中添加一个scrollPane，但是当我添加 JScrollPane jsp = new JScrol
我在使用 particles.js 时无法将图像居中。图像居中，但略微偏离中心。为什么要这样做，我如何才能将它居中？ html particles.js demo CSS
我正在尝试在加载页面时播放音频，它应该非常简单但我无法完成。 问题是它没有播放，我尝试检查自动播放的状态(真/假)，它说它在页面加载时播放，尽管它没有播放，还尝试制作一个将改变自动播放的功能状态为
我正在尝试显示用户从列表中选择的图像，但我在屏幕上看不到任何内容。 .container { position: relative; } .ce
这听起来有点奇怪，但我需要一些帮助，网页必须有一行必须包含三个部分，第一部分必须有 1 列的偏移量，并且部分之间的空间必须是 10px到目前为止，使用 Bootstrap 一切顺利。 现在第二行将有
这个问题在这里已经有了答案: Web and physical units (2 个答案) Div width in cm (inch) (6 个答案) 关闭 9 年前。
这个问题不太可能帮助任何 future 的访问者；它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况有关，这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用，visit
我想将我的 IPython 笔记本的宽度设置为 2500 像素，并且我希望它左对齐。我该怎么做？ 我使用这段代码来应用我自己的 CSS: from IPython.core.display impor
关闭。这个问题需要更多focused .它目前不接受答案。 想改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post . 关闭 7 年前。 Improve this q
我在 Word 中制作了一份文档，希望人们在其中添加自己的姓名以及他们的教学经验。我已将其保存为网页并发布到此处: http://epicforum.net/TS ...但操作部分实际上就是这样: h
这个问题在这里已经有了答案: Execute JS code after pressing the spacebar (5 个答案) 关闭 4 年前。
我正在开发一个只有两个页面的网站。 1.登录 2.首页 我正在使用 Angular 框架。 app.config(['$routeProvider', function ($routeProvider
我是一名优秀的程序员,十分优秀！