个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我在一个网站上工作，我的一侧有一段文字不完全适合，所以部分内容不可见，因为网站的底部在那里结束。我想让它可以滚动，这样我就可以通过向下滚动查看完整内容。
#header {
z-index: 1;
position: fixed;
width: 99%;
margin-top: -20px;
height: 800px;
background-color: white;
margin-top: 5px;
margin-bottom: 10px;
box-shadow: 0px 10px 16px -1px rgba(0,0,0,0.75);
}
#title {
color: #03A9F4;
font-size: 40px;
font-family: 'Roboto', sans-serif;
}
#content {
display: flex;
}
#left {
flex: 1;
}
#right {
width: 200px;
word-wrap: break-word;
}
#column {
font-family: 'Roboto', sans-serif;
font-size: 14px;
position:
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
margin-left: 10px;
margin-right: 10px;
font-family: 'Roboto', sans-serif;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-family: 'Roboto', sans-serif;
}
li a:hover:not(.active) {
background-color: #111;
}
.active {
background-color: #03A9F4;
}
#image1 {
width:800px;
height:400px;
margin-left: 60px;
}
/*#03A9F4*/ <!doctype html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>Future Tech network</title>
<link rel="icon" href="/favicon.ico">
</head>
<body bgcolor="#ECEFF1">
<div id="header">
<p id="title" align="center">Future Tech Network logo</p>
<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#news">Artikelen</a></li>
<li><a href="#contact">Contact</a></li>
<img src="slogan.jpg" align="right">
</ul>
<div id="balk2"></div>
<div id="content">
<div id="left"><img id="image1" src="msi nightblade front.jpg" alt="Klik hier voor het volledige review"></div>
<div id="right" align="center">
<p id="column">Zoekend in de bakken van een tweedehands markt viel mijn oog op Quake II.
Een meester titel van zijn tijd.
Een tijd ver voor mijn tijd.
Geïntegreerd door de plaatjes die grapics laten zien waar flash spelletjes niet aan kunnen tippen.
Terwijl ik naar huis ga blijf ik kijken op de achterkant van het hoesje.
Zoals ik dat ook altijd deed toen ik Rollercoaster tycoon kocht en Steam mij nog onbekend was. Het heeft toch wat.
De fysieke kopie van een game. Om zo’n stukje klassieke game geschiedenis te vinden en het mee naar huis te kunnen nemen.
het leek me prachtig om een plaats af te laten staan in mijn collectie van de nieuwste games door zo'n oude veteraan
Een mix van modern en klassiek.
Ik haalde de cd uit het hoesje maar tot mijn schrik miste er een diskdrive. Ik had die een paar maanden geleden trots ingewisseld voor een fan met de gedachte: “Ach alles staat toch op Steam”.
Hier was hij dus. De tijd, hij heeft me ingehaald. Ik dacht hem te slim af te zijn door een stukje geschiedenis te kunnen spelen maar tijd haalt je altijd in.
Nu is het niet meer dan een relikwie in een museum. Met een zucht start ik Steam op en geef ik me over aan de digitale economie van games</p>
</div>
</div>
</div>
</body>
</html>如有错误请指正。到目前为止，我还是个菜鸟，但我正在努力做到最好。
最佳答案
在大多数情况下，当您确切知道站点必须有多大时，您可以只设置 body 高度:
body{
height: 600px;
}
有时您希望网站自动增长 + 一些额外的像素，因为例如，具有 position: fixed 的页脚
footer {
height: 100px;
position: fixed;
bottom: 0;
}
在那种情况下你可以这样做:
body {
padding-bottom: 100px
}
这样 body 就会有更多的填充空间，这样固定的页脚就不会阻碍 body 的内容。我希望这会有所帮助。
关于html - 制作网站 "longer"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37664089/
27
4
0
我在一个网站上工作，我的一侧有一段文字不完全适合，所以部分内容不可见，因为网站的底部在那里结束。我想让它可以滚动，这样我就可以通过向下滚动查看完整内容。 #header { z-index: 1; p
已经有很多关于使用 pivot longer 和 pivot wider 以我需要的方式 reshape 数据的问题，但没有一个能得到正确的答案。过去，我成功地结合使用了更长的旋转轴和更宽的旋转轴来获
我为客户开发了一个应用程序并交给了他。 他刚刚安装并正在使用它...... 现在我的许可证已经过期，现在他突然说他的应用程序说: {my_app}“不再可用” [ 注意:到目前为止他没有重新安装应用程
我有一个 flutter 项目，我必须在其中获取 IOS 版本。当我在 Android Studio 中尝试 Flutter->Build IOS 时，收到以下错误消息。 “CFURLRequestS
我使用的是 Wildfly 10.0.x。我正在将 ejb2.1 迁移到 ejb3.2这是我的 ejb-jar.xml 文件 www.cedar.com - Collaborative Plann
昨天，我正在使用 Instagram API 进行一些测试。我想设计一个网页，在其中显示我们帐户中的最新照片(有些像社交动态)。今天，我收到此错误:“用于身份验证的客户端不再处于事件状态。”。 有人知
所以我的代码中有一行是这样的 WebElement docDate = wait.until(ExpectedConditions.visibilityOfElementLocated(By.xpa
嗨，伙计，我必须知道页面何时不再是当前页面。我认为我必须使用 Listener，我看到它存在: @Override public void onPageSelected(int
我有一个带有下拉菜单的简单导航栏，当用户将鼠标悬停在导航栏中其受尊重的链接上时，该菜单应该保留，但在用户将鼠标悬停在实际下拉菜单而非其链接上后，我无法使其保留。我试过创建一个 :hover在实际下拉列
我正在尝试测试我的应用程序如何处理被 Android ActivityManager 销毁(以及稍后由 Alarm 事件重新启动)。换句话说，我想强制消息: I/ActivityManager( 3
我在 UITextView 上有一个观察者来检测它的内容大小是否在变化: [_textView addObserver:self forKeyPath:@"contentSize"options:NS
我在 Android O 及更高版本中尝试运行我的 JobIntentService 时遇到以下问题，我很难重现该问题: Caused by java.lang.SecurityException:
我编写了一个 iOS 应用程序，我在其中非常成功地使用了 CGLayer。在研究从该应用程序中获得更多性能的方法时，我看到了这篇博文:http://iosptl.com/posts/cglayer-n
我有这个配置 包中的位置 com.x.record.persistence.impl 我有一个组件需要来自 com.x.record.persistence.repo 的存储
我的函数，用来计算给定的频率、频率、功率。我想对它进行矢量化，这样它就可以计算频率、FWHM和AMP：。计时：。我在lorz1和lorz2中的向量化哪里出了问题？他们不是应该比洛兹3更快吗？
我的函数计算洛伦兹给定频率，fwhm，amp。我想对它进行矢量化，以便它计算频率，fwhm和amps的列表：。计时：。我在lorz1和lorz2中的向量化哪里出了问题？他们不是应该比洛兹3更快吗？
我想 pivot_long() 下面数据集的多列避免硬编码。我看过一些类似的问题，但我仍然做不到。 宽数据: > head(data) ID IND_TEST_SCORE ARG_G1_A
我已经为此工作了大约一天半，并在网上搜索了大量博客和帮助文章。我在 SO 上发现了几个与此错误相关的问题，但我认为它们并不完全适用于我的情况(或者在某些情况下，不幸的是，我无法很好地理解它们以实现 :
我到处搜索这个，找不到它。 Apple 会恢复从销售中删除的应用内购买吗？ 可以在 iTunesConnect -> Cleared for sale -> No. 上删除 IAP。 上个月我添加了一
我们在Android Studio 3.4.1中显示以下警告消息: WARNING: The following project options are deprecated and have bee
我是一名优秀的程序员,十分优秀！