正如标题所示,我有一个页脚,我想用我的内容移动.基本上,我有一些文本,当浏览器被推到较小的宽度时,内容会在页脚下面,当我希望页脚向下移动内容时.让它不仅仅是保持一个位置.
我已经完成了大部分代码并删除了不需要的定位,但是如果我尝试在.footerwrap上将其设置为0,它会在页面中随机浮动.希望你们能帮忙.
我将链接我的html和CSS,这样你就可以得到一个想法.不幸的是,该网站不是现场,但它可能是一个简单的解决方案.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
<!--===================================================css links===================================================!-->
<link href='http://fonts.googleapis.com/css?family=Raleway:600,500,400,200' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,900,100,300' rel='stylesheet' type='text/css'>
<link href="css/default_style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!--===================================================Header===================================================!-->
<div class="wrapper">
<div class="headerwrap">
<div class="social">
<a href="www.facebook.com"><img class="move" src="images/deviant.png"></a>
<a href="www.facebook.com"><img class="move" src="images/yt.png"/></a>
<a href="www.facebook.com"><img class="move" src="images/fb.png"/></a>
</div><!--close social!-->
<div class="header">
<div class="logo">
<img src="images/logo.png" />
</div><!--close logo-->
</div><!--close header!-->
<div class="menu">
<ul class="menutxt">
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">PORTFOLIO</a></li>
<li><a href="manga.html">CONTACT</a></li>
</ul> …我有一个想要使用 SVG 制作的基本动画。但是我不是 100% 确定如何让它从中心动画。作为 SVG 动画的新手，我知道如何制作简单的动画，但无法真正找到我一直遇到的问题的可靠答案。
/*MAIN ANIMATION*/
.line1,
.line2 {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
}
.line1 {
top: 0px;
animation: line1 5s linear forwards; /*ANIMATION NAME AND TIMING*/
}
.line2 {
bottom: 0px;
animation: line2 5s linear forwards; /*ANIMATION NAME AND TIMING*/
}
.animationText {
width: 100%;
font-size: 30px;
font-weight: normal; …我有一个按 1 递增的有序列表。我想要做的是让它在 1 后面加一个点递增 1：
1.
2.
3.
4
在我的清单中，我有它的工作方式，
1
1.1
1.2
1.3
2
2.1
2.2
3
3.1
3.2
3.3
所以这是正确的，我只是希望开头的数字也有一个 . 在末尾。
我当前的代码如下所示：
1.
2.
3.
4
1
1.1
1.2
1.3
2
2.1
2.2
3
3.1
3.2
3.3
所以它应该最终看起来像：
1.
1.1
1.2
1.3
2.
2.1
2.2
2.3
3.
3.1
3.2
3.3