网站设置文件夹权限,昆明专业网站设计公司,苏宁易购网站建设 的定位,电子商务网站建设大二实训1. 固定布局之两栏布局——边栏在左边#xff0c;主内容在右边
实现的布局效果#xff1a;整个布局居中显示#xff0c;而且侧栏显示在左边#xff0c;主内容在右边 HTML#xff1a; - div.wrapper是主容器#xff0c;以960px为例#xff0c;并且居中显示
- div.heade…1. 固定布局之两栏布局——边栏在左边主内容在右边
实现的布局效果整个布局居中显示而且侧栏显示在左边主内容在右边 HTML - div.wrapper是主容器以960px为例并且居中显示
- div.header是页头部分
- div.sidebar是侧栏部分此处设置为220px的宽度
- div.main-content是主内容部分此处设置为720px的宽度
- div.footer是页脚部分
- 文档流形式是从上往下加载也就是按这样的顺序加载header/sidebar/main-content/footer
CSS 先浮动让其包裹性和可以设置margin然后最后清除浮动(清除浮动这一步非常的重要)
但有时候这种结构的布局并不能满足我们的需要比如说页面的header部分背景色占满了整个浏览器的宽度那么在前面那篇文章中的布局就无法使用因为其里面有一个“div.wrapper”将整个页面受限于一定宽度之下。那么要实现页面部分背景全屏或者说部分内容全屏而其他内容居中的效果我们应该怎么做呢 2. 实现页面部分背景全屏或者说部分内容全屏而其他内容居中的效果
HTML: 结构其实并不复杂与前一教程的结构相比这个结构略显复杂一点每个部位都是包含了一个容器“div.container”。此时大家会问为什么要在每个部分添加一个这样的容器难道不能像前面的布局中所言一个就行吗其实要实现上面效果前面的结构是不满足我们的需求了为他使部分背景或背景图全屏或者说部分内容全屏显示那么我们就有必要单独控制部分内容让他的宽度是100%。比如说我头部的内容不想居中那么我们就可以使用
