如何仅使用CSS3和HTML5而不使用JavaScript创建此设计? 如何仅使用CSS3和HTML5而不使用JavaScript创建此设计?

如何仅使用CSS3和HTML5而不使用JavaScript创建此设计? 如何仅使用CSS3和HTML5而不使用JavaScript创建此设计?,html,css,responsive-design,Html,Css,Responsive Design,标题(包含图像): 高度:动态(取决于图像宽度) 位置:固定 内容(包含文本): 高度:动态(布局高度-(页眉+页脚)) 文本超过内容高度时滚动 页脚: 高度:固定高度 位置:固定 我想你的目标是保持页脚在底部。请看本基本教程: 顺便说一下:所有关于布局的事情都是用html和css完成的。Javascript只是改变html/css,并不改变布局本身。尝试使用bootsrap Framework我很确定bootstrap使用的是js。如果你想在css中做一些响应性设计,我建议你看

标题(包含图像):

  • 高度:动态(取决于图像宽度)
  • 位置:固定

内容(包含文本):

  • 高度:动态(布局高度-(页眉+页脚))
  • 文本超过内容高度时滚动

页脚

  • 高度:固定高度
  • 位置:固定

我想你的目标是保持页脚在底部。请看本基本教程:


顺便说一下:所有关于布局的事情都是用html和css完成的。Javascript只是改变html/css,并不改变布局本身。

尝试使用bootsrap Framework我很确定bootstrap使用的是js。如果你想在css中做一些响应性设计,我建议你看看媒体查询:到目前为止你尝试了哪些方法和方法?很好的调用:Javascript。