纯css footer 贴底 ,简洁

css结构如下
html,body{
height: 100%
}
.containor{
min-height: calc(100% - {footer的高度})
}

html结构如下,
<html>
 <body>
<div class= "containor"></div>
<footer></footer>
</body>
</html>


作者:Zimmer
链接:https://www.zhihu.com/question/19798646/answer/119144057
来源:知乎

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1. HTML是什么?它的作用是什么? 答:HTML(HyperText Markup Language)是一种标记语言,用于创建和组织文本、图像和其他资源,以便在Web上显示和处理。HTML的主要作用是定义网页的结构、内容和语义。 2. CSS是什么?它的作用是什么? 答:CSS(Cascading Style Sheets)是一种样式表语言,用于控制Web页面的外观和布局。CSS的主要作用是定义网页的样式、颜色、字体、背景、边框等外观属性。 3. JSP是什么?它的作用是什么? 答:JSP(JavaServer Pages)是一种基于Java的服务器端技术,用于创建动态Web页面。JSP的主要作用是将Java代码嵌入到HTML页面中,以便在服务器端动态生成网页内容。 4. 请解释一下HTML5中的语义化标签。 答:HTML5中的语义化标签是一组用于定义网页内容的标记,以便更好地描述文本和图像的含义和结构。这些标签包括header、nav、section、article、aside、footer等,它们可以让开发者更容易地理解和维护网页内容。 5. 请解释一下CSS中的盒模型。 答:CSS中的盒模型是指一个元素在页面中的显示区域。它由四个部分组成:内容区、内边距区、边框区和外边距区。内容区包含了元素的实际内容;内边距区是内容区和边框区之间的空白区域;边框区是围绕内容区和内边距区的线条;外边距区是边框区和相邻元素之间的空白区域。盒模型可以帮助开发者更好地控制元素的大小、位置和样式。 6. 请解释一下JSP中的EL表达式。 答:JSP中的EL(Expression Language)表达式是一种用于在JSP页面中插入Java变量和表达式的简单语法。它使用${}符号将Java表达式嵌入到HTML或文本中。例如,${name}可以显示一个名为“name”的Java变量的值。EL表达式可以使代码更简洁、易于维护和重用。 7. 请解释一下HTML和XHTML的区别。 答:HTML和XHTML都是Web页面标记语言,但它们的语法不同。HTML的语法比较宽松,允许省略标签和属性的引号等。而XHTML的语法比较严格,要求标签和属性必须闭合,并且必须小写。另外,HTML和XHTML处理错误的方式也不同,HTML会尝试自动修复错误的标记,而XHTML则会抛出错误。 8. 请解释一下CSS中的浮动(float)属性。 答:CSS中的浮动(float)属性是一种用于控制元素在页面中的位置和布局的方法。浮动元素会脱离文档流,并尽可能地靠近容器的左侧或右侧。浮动元素可以与其他元素进行对齐,也可以与其他浮动元素进行堆叠。浮动元素通常用于创建多列布局或图像浮动等效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值