Html 高度问题和反应能力

在这本书中，我的页脚记录了我的犯罪记录，我不知道为什么

我需要使这作为响应网页

如何做到这一点

我在谷歌上搜索发现，他们中的大多数人都在使用媒体查询，但我无法理解

如果我右转页脚：0；然后，页脚完全消失。有解决办法吗

正文{
边际：0像素；
}
#包装纸{
宽度：100%；
高度：自动；
边际：0像素；
背景色：橙色；
}
#页眉，#页脚{
宽度：100%；
高度：50像素；
位置：固定；
背景色：黑色；
右：0像素；
z指数：100；
}
#标题{
排名：0；
}
#页脚{
底部：0；
左：0；
右：0；
填充：10像素；
颜色：白色；
明确：两者皆有；
}
#页脚img{
浮动：对；
利润率：5像素；
填充：5px；
}
#导航栏{
高度：60像素；
宽度：100%；
背景色：黑色；
颜色：白色；
浮动：左；
溢出：隐藏；
}
ulli{
显示：块；
位置：相对位置；
填充：20像素20像素；
浮动：左；
}
ullia{
颜色：白色；
}
#导航栏a：悬停{
边框-底部：3像素实心红色；
填充：19像素；
}
.主动{
背景色：灰色；
}
#旋转木马{
背景色：白色；
高度：370像素；
宽度：100%；
浮动：左；
}
.carousel-内部>.item>img，
.carousel-内部>.item>a>img{
宽度：70%；
身高：15%；
保证金：自动；
背景色：白色；
}
.缩略图{
高度：300像素；
宽度：300像素；
填充：25像素自动；
利润率：5像素；
}
#骗局{
宽度：100%；
高度：300像素；
}
.联系方式{
宽度：60%；
高度：300像素；
背景色：灰色；
填充：100像素25像素；
浮动：左；
}
.查询{
宽度：40%；
高度：300像素；
背景色：海绿；
浮动：左；
填充-左：5像素；
}
输入[类型=文本]：焦点{
边框：3px纯红；
}
输入[type=“text”]{
边际：0.15像素0；
}

学生


创新

创造力


积极性

地址

Abc私人有限公司，地址：67年金奈市madipakkam第二大街54号。


ABCPVT@gmail.com

查询表格
名称
版权与复制；访问WWW.abcpvt.com

您需要将其放入bootstrap使用的列结构中，您使用的bootstrap框架是完全响应的。请查看并查看他们的TUT

这样就可以了

添加以下css元素：

#footer{
    position:relative;
}

---

您使用的是引导，但没有使用它附带的类。你不需要那么多的css，你仍然可以在任何时候有一个响应网页。请遵循有关引导的本教程：

希望这有帮助

---

谢谢

我想您所需要的是

填充：50px 0

用于

主体

标记。如果你在寻找不同的东西，请告诉我

正文{
边际：0px；
填充：50px0；
}
#包装纸{
宽度：100%；
高度：自动；
边际：0px；
背景颜色：橙色；
}
#标题，
#页脚{
宽度：100%；
高度：50px；
位置：固定；
背景色：黑色；
右：0px；
z指数：100；
}
#标题{
排名：0；
}
#页脚{
底部：0；
左：0；
右：0；
填充：10px；
颜色：白色；
明确：两者皆有；
}
#页脚img{
浮动：对；
保证金：5px；
填充物：5px；
}
#导航栏{
高度：60px；
宽度：100%；
背景色：黑色；
颜色：白色；
浮动：左；
溢出：隐藏；
}
ulli{
显示：块；
位置：相对位置；
填充：20像素20像素；
浮动：左；
}
ullia{
颜色：白色；
}
#导航栏a：悬停{
底部边框：3倍纯红；
填充：19px；
}
.主动{
背景颜色：灰色；
}
#旋转木马{
背景色：白色；
高度：370px；
宽度：100%；
浮动：左；
}
.carousel-inner>.item>img，
.carousel-inner>.item>a>img{
宽度：70%；
身高：15%；
保证金：自动；
背景色：白色；
}
.缩略图{
高度：300px；
宽度：300px；
填充：25px自动；
保证金：5px；
}
#骗局{
宽度：100%；
高度：300px；
}
.联系方式{
宽度：60%；
高度：300px；
背景颜色：灰色；
填充：100px 25px；
浮动：左；
}
.查询{
宽度：40%；
高度：300px；
背景色：海绿；
浮动：左；
左侧填充：5px；
}
输入[类型=文本]：焦点{
边框：3倍纯红；
}
输入[type=“text”]{
利润率：0.15px0；
}

学生


创新

创造力


积极性

地址

Abc私人有限公司，地址：67年金奈市madipakkam第二大街54号。


ABCPVT@gmail.com

查询表格
名称
版权与复制；访问WWW.abcpvt.com

增加#con的底部填充。不更改页脚不可见您可以学习最基本的互联网通信技能。是的，我可以看到页脚，但其宽度不是100%。如何解决它。自定义设置宽度或从引导网站获取任何页脚并自定义，以便页脚响应。不想使用吗引导程序需要通过html和css本身来了解。是的，我已经阅读了这些教程，只需在后面添加3个标签即可