个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我刚开始构建一个 cms，我什至还没有开始编写服务器端脚本，但每次我在 html 中声明 doctype 标签时，我都会注意到我的 html 标签，整个 html 和 body 标签总是在这里缩短是截图http://postimg.org/image/h3lj4ozzd/我已经检查了我的 css 和 html 是否有任何错误，但我找不到任何错误。我最初使用 firefox 运行我的页面，我什至切换到 chrome，但错误仍然出现。我什至尝试在带有 wamp 的 Windows 系统上运行它(我使用的是 linux)，但错误仍然存在。我已经尝试了所有我能做的事情，但他们没有工作……请给我建议。谢谢
这是正常文件 http://postimg.org/image/xcahm9bsj/
这是包含文档类型的 html 文件
<!DOCTYPE html>
<html lang="en">
<head>
<title>Welcome to quick score</title>
<link rel = "stylesheet" href = "style.css" />
</head>
<body>
<div id = "top_bar"><p>Home</p></div>
<div id = "two">
<p>Database connection was succesful</p>
</div>
<div id = "one">
<ul>
<li><a href="#"><img src = "images/sidebar/dashboard.png" /> Dashboard</a></li>
<li><a href="#"><img src = "images/sidebar/attendance.png" /> Attendance sheet </a></li>
<li><a href="#"><img src = "images/sidebar/grades.png" /> Grades</a></li>
<li><a href="#"><img src = "images/sidebar/students.png" /> Students</a></li>
</ul>
</div>
</body>
</html>
这是我正在使用的css文件
@charset "utf-8";
/* CSS Document */
body {
margin: 0 auto;
padding: 0;
border: 3px solid #000000;
}
p {
padding: 0;
margin: 0;
font-family: "Trebuchet MS";
}
a {
text-decoration: none;
}
#top_bar {
padding-top: 5px;
background-image: url(images/back3.jpg);
color: #ffffff;
border-bottom: 2px solid #ffffff;
height: 40px;
width: 100%;
}
#one { background-image: url(images/back3.jpg);
width: 15%;
height: 100%;
margin-top: -16px;
color: #ffffff;
}
#one ul {
list-style-type: none;
padding: 0;
height: 50%;
padding-top: 20px;
}
#one ul li {
padding-bottom: 2px;
text-align: left;
display: block;
}
#one ul li a {
color: #ffffff;
padding-top: 6px;
padding-bottom: 6px;
width: 100%;
display: block;
font-family: "Comic Sans MS";
}
#one ul li a:hover {
background-color: #ffffff;
}
#one ul li a img {
margin-bottom: -10px;
}
.position {
margin-top: 5px;
}
#one ul li a:hover {
color: #000;
}
#one ul li:active{
text-decoration: none;
background-color: blue;
padding-left: 48px;
padding-right: 47px;
padding-bottom: 9px;
text-align: center;
}
#two {
width: 81.5%;
height: 200px;
float: right;
padding: 20px 0 0 20px;
}
.login {
margin: 0 auto;
padding: 10px;
background-color: #999;
}
form ul li {
padding-bottom: 5px;
display: block;
}
#white {
display: block;
background-color: black;
height: 40%;
width: 50%;
}
.buttons {
color: white;
margin-left: 60px;
}
.register_buttons {
color: white;
margin-left: 70px;
}
input[type=submit] {
border: 1px solid #f44c0e;
color: #fff;
background: tomato;
padding: 10px 20px;
border-radius: 3px;
}
input[type=submit]:hover {
background: #f44c0e;
}
最佳答案
对于兼容 HTML5 的浏览器和跟踪 Web 发展的好方法，请保留 doctype。
你试过添加:
html, body{
width:100%;
height:100%;
}
你还应该摆脱你的边框，特别是body。否则添加:
*{box-sizing: border-box;}
关于css - <!DOCTYPE html> 标签导致奇怪的 html 行为，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25854285/
25
4
0
有很多线程解释了选择什么 Doctype，但我找不到任何解释实际语法的线程。举个例子: 特别是: PUBLIC 是否可以替换为其他值，是什么意思？ 为什么 url 需要用引号括起来？ 是什么 ”-”
关闭。这个问题需要debugging details .它目前不接受答案。 编辑问题以包含 desired behavior, a specific problem or error, and th
我正在尝试制作 100% 高度的东西，但添加文档类型会破坏它。这在 other questions 上进行了解释. 然而，我发现了一些奇怪的事情——如果我关闭 doctype 标签(我知道你不应该这样
美好的一天， 我正在开发一个 C# Web 应用程序，一切正常，直到我添加普通的 JavaScript。 html代码如下: JScript.js是放入的 JavaS
我有一个主要的框架集页面，它使用 FRAMESET 文档类型..现在它里面有 3 个框架.. 现在对于第 2 帧，我想使用一些 HTML5 代码 ()...所以我想我必须使用 doctype 现在我的
我正在制作一个网页，我即将完成，所以我决定通过一个 html 验证器来验证它，但我的页面出现了一堆错误。我的页面目前适用于 ...但是当我输入 我页面的间距中断。 示例:工作时的图片 代码: 当我添
我刚刚在 W3C 验证器上检查了我的个人登陆页面以确保它是正确的 HTML5，然后发现我需要 而不是 通过。 但是背景图片不会延伸到底部。我已经尝试了 wrapper 的最小高度，并清除了，但似乎没有
这是文档类型所在的文件: Taekwendo tinymce.init({ selector: '#art
这是我的问题的 html 代码 Insert title here var arr = [ "A", "B", "C" ]; for (var i = 0; i 在
我在抓取一些具有多个 声明的网站时遇到了困难。 。 我正在使用带有 requests 的 Python 2.7.9 和来自 bs4 的 BeautifulSoup。当我执行 requests.get
我刚刚在 Windows Server 2008 上创建了一个新的 IIS 网站，以便使用它来部署新网站。 该网站仍然是空的。 如果我尝试在“管理工具”下打开 IIS Web 平台安装程序，则会遇到错
是否有使用 HTML 5 文档类型的专家 ，即使我没有使用任何新的 HTML 5 标签？即使我没有使用任何新的 HTML 5 标签，用 HTML 5 文档类型替换 XHTML 文档类型有什么好处吗？
假设我想将旧网站更改为“HTML5”风格。简单地更改标题是否安全 doctype如下？ 原始文档类型可能是: 或 如果改为不可能破坏遗留网页的呈现方式，我认为它是安全的。 最佳答案 为什么是的，
通过在 windows 命令提示符下运行以下命令创建了一个全新的 express.js 项目 npm install express -g express newproject cd newproje
我懂了 DOCTYPE is disallowed when the feature "http://apache.org/xml/features/disallow-doctype-decl" se
这个问题在这里已经有了答案: background-color property doesn't work correctly with HTML5 DOCTYPE [duplicate] (1
我在没有使用 Doctype 的情况下构建了我的页面，但是没有它我可以获得我期望的结果。 即使用户尝试调整窗口大小时，我也尝试每行列出 4 张图像并填充页面。 问题是我最近添加了 Doctype，这里
我注意到我的一个 html 表单存在问题，文本输入字段被截断了。我将其原因缩小到我们在页面顶部使用的 指令。 当我排除 指令时，下面场景中的输入正确呈现，这意味着文本输入字段被完整绘制。但是当我按
我知道很多人在切换到 时遇到类似的问题行，然而，我已经尝试了所有的方法，甚至是经典的 html{height: 100%;} body {min-height: 100%;} 方法，以及其他方法，但
这个问题在这里已经有了答案: 关闭 10 年前。 Possible Duplicate: How to replace with in an html file 我在我的
我是一名优秀的程序员,十分优秀！