Javascript HTML、CSS-页脚与页面中的内容重叠
我目前在我的主页页脚上有困难。我有一个幻灯片，我试着复制粘贴w3school的垂直表格代码，以检查我的页脚 我发现我的页脚在页面底部不是静态的，尽管我已经将位置更改为相对位置 另外，我甚至尝试过其他类似帖子的解决方案，但似乎都不适合我 我真的需要帮助Javascript HTML、CSS-页脚与页面中的内容重叠,javascript,html,css,Javascript,Html,Css,我目前在我的主页页脚上有困难。我有一个幻灯片，我试着复制粘贴w3school的垂直表格代码，以检查我的页脚 我发现我的页脚在页面底部不是静态的，尽管我已经将位置更改为相对位置 另外，我甚至尝试过其他类似帖子的解决方案，但似乎都不适合我 我真的需要帮助 正文{ 背景色：#d62929； 字体系列：Verdana，无衬线； 保证金：0； } 保险商实验室{ 列表样式类型：无； 保证金：0； 填充：0； 溢出：隐藏； 背景色：白烟； 字体大小：粗体； 字号：18px； } 李{ 浮动：左； } 李a
正文{
背景色：#d62929；
字体系列：Verdana，无衬线；
保证金：0；
}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：白烟；
字体大小：粗体；
字号：18px；
}
李{
浮动：左；
}
李a,，
.dropbtn{
显示：内联块；
颜色：黑色；
文本对齐：居中；
填充：22px 30px；
文字装饰：无；
}
李a：悬停，
.dropdown:悬停.dropbtn{
背景色：#c12525；
颜色：白色；
}
li.下拉列表{
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：白烟；
最小宽度：250px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
颜色：黑色；
填充：20px 20px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
字体大小：15px；
}
.下拉列表内容a：悬停{
背景色：#c12525；
}
.下拉：悬停.下拉内容{
显示：块；
}
.主动{
背景色：#d62929；
颜色：白色；
字体大小：粗体；
字号：18px；
}
@媒体屏幕和屏幕（最大宽度：600px）{
李国宝，
ulli{
浮动：无；
}
}
* {
框大小：边框框；
}
迈斯利德斯先生{
显示：无；
}
/*幻灯片容器*/
.slideshow容器{
最大宽度：950px；
位置：相对位置；
保证金：自动；
}
/*标题文本*/
.文本{
颜色：黑色；
字体大小：15px；
填充：8px 12px；
位置：绝对位置；
底部：8px；
宽度：100%；
文本对齐：居中；
}
/*数字文本（1/3等）*/
.numbertext{
颜色：黑色；
字体大小：粗体；
字体大小：12px；
填充：8px 12px；
位置：绝对位置；
排名：0；
}
/*点/子弹/指示器*/
多特先生{
高度：13px；
宽度：13px；
边际：0.2px；
背景色：#bbb；
边界半径：50%；
显示：内联块；
过渡：背景色0.6s；
}
.active2{
背景色：#717171；
}
/*褪色动画*/
.褪色{
-webkit动画名称：淡入淡出；
-webkit动画持续时间：1.5s；
动画名称：淡入淡出；
动画持续时间：1.5s；
}
@-webkit关键帧淡入淡出{
从{
不透明度：.4
}
到{
不透明度：1
}
}
@关键帧淡入淡出{
从{
不透明度：.4
}
到{
不透明度：1
}
}
/*在较小的屏幕上，减小文本大小*/
@仅介质屏幕和（最大宽度：300px）{
.文本{
字号：11px
}
页脚{
-网络工具包订单：3份；
顺序：3；
}
}
页脚{
背景：#aaa；
颜色：白色；
位置：静态；
右：0；
底部：0；
左：0；
高度：1公厘；
文本对齐：居中；
}
.脚印{
保证金：0；
填充：0；
左边距：20px；
显示：内联块；
线高：30px；
垂直对齐：顶部；
}
/*设置选项卡的样式*/
分区选项卡{
浮动：左；
边框：1px实心#ccc；
背景色：#f1f1；
宽度：30%；
高度：300px；
}
/*设置选项卡内按钮的样式*/
div.tab按钮{
显示：块；
背景色：继承；
颜色：黑色；
填充：22px 16px；
宽度：100%；
边界：无；
大纲：无；
文本对齐：左对齐；
光标：指针；
过渡：0.3s；
字号：17px；
}
/*更改悬停按钮的背景色*/
div.tab按钮：悬停{
背景色：#ddd；
}
/*创建一个活动/当前的“tab button”类*/
div.tab按钮.active{
背景色：#ccc；
}
/*设置选项卡内容的样式*/
.tabcontent{
浮动：左；
填充：0px 12px；
边框：1px实心#ccc；
宽度：70%；
左边界：无；
高度：300px；
}
-
- C
1/7
2/7
3/7
4/7
5/7
6/7
7/7
伦敦
巴黎
东京
伦敦
伦敦是英国的首都
巴黎
巴黎是法国的首都
东京
东京是日本的首都
©；2017 . 版权所有
|
仅限内部使用
|
由以下人员维护：
footer {
background: #aaa;
color: #fff;
text-align: center;
clear: both; /* clearing floating affects from both left,right sides */
}
页脚前有浮动div，需要清除浮动效果并从页脚中删除高度。html内容默认位置：静态和处于静态位置上/右/下/左位置不适用 请更改此css样式
footer {
background: #aaa;
color: #fff;
text-align: center;
clear: both; /* clearing floating affects from both left,right sides */
}
您是否尝试在java中使用普通表类型。我觉得这样容易
<table>
<tr>
<td>
add your code here
</td>
</tr>
</table>
在这里添加您的代码
<table>
<tr>
<td>
add your code here
</td>
</tr>
</table>
在这里添加您的代码