当前位置: 首页 > news >正文

怎么在网站上做链接网络营销的分类

怎么在网站上做链接,网络营销的分类,wordpress 主题 her,焦作建设网站的公司三栏布局一般指的是页面中一共有三栏,左右两栏宽度固定,中间自适应的布局,三栏布局的具体实现: 利用绝对定位,左右两栏设置为绝对定位,中间设置对应方向大小的margin的值。 .outer {position: relative;h…

三栏布局一般指的是页面中一共有三栏,左右两栏宽度固定,中间自适应的布局,三栏布局的具体实现:

  • 利用绝对定位,左右两栏设置为绝对定位,中间设置对应方向大小的margin的值。
.outer {position: relative;height: 100px;
}.left {position: absolute;width: 100px;height: 100px;background: tomato;
}.right {position: absolute;top: 0;right: 0;width: 200px;height: 100px;background: gold;
}.center {margin-left: 100px;margin-right: 200px;height: 100px;background: lightgreen;
}
  • 利用flex布局,左右两栏设置固定大小,中间一栏设置为flex:1。
.outer {display: flex;height: 100px;
}.left {width: 100px;background: tomato;
}.right {width: 100px;background: gold;
}.center {flex: 1;background: lightgreen;
}
  • 利用浮动,左右两栏设置固定大小,并设置对应方向的浮动。中间一栏设置左右两个方向的margin值,注意这种方式**,中间一栏必须放到最后:**
.outer {height: 100px;
}.left {float: left;width: 100px;height: 100px;background: tomato;
}.right {float: right;width: 200px;height: 100px;background: gold;
}.center {height: 100px;margin-left: 100px;margin-right: 200px;background: lightgreen;
}
  • 圣杯布局,利用浮动和负边距来实现。父级元素设置左右的 padding,三列均设置向左浮动,中间一列放在最前面,宽度设置为父级元素的宽度,因此后面两列都被挤到了下一行,通过设置 margin 负值将其移动到上一行,再利用相对定位,定位到两边。
.outer {height: 100px;padding-left: 100px;padding-right: 200px;
}.left {position: relative;left: -100px;float: left;margin-left: -100%;width: 100px;height: 100px;background: tomato;
}.right {position: relative;left: 200px;float: right;margin-left: -200px;width: 200px;height: 100px;background: gold;
}.center {float: left;width: 100%;height: 100px;background: lightgreen;
}
  • 双飞翼布局,双飞翼布局相对于圣杯布局来说,左右位置的保留是通过中间列的 margin 值来实现的,而不是通过父元素的 padding 来实现的。本质上来说,也是通过浮动和外边距负值来实现的。
.outer {height: 100px;
}.left {float: left;margin-left: -100%;width: 100px;height: 100px;background: tomato;
}.right {float: left;margin-left: -200px;width: 200px;height: 100px;background: gold;
}.wrapper {float: left;width: 100%;height: 100px;background: lightgreen;
}.center {margin-left: 100px;margin-right: 200px;height: 100px;
}

http://www.tj-hxxt.cn/news/13749.html

相关文章:

  • 电子商务网站开发的过程广告推广策划
  • 石岩做网站的公司优化网站排名软件
  • mac系统可以做数据库网站开发如何推广一个品牌
  • 用python做网站后端最快多久百度seo排名帝搜软件
  • 网站收藏本站的功能域名注册平台有哪些
  • 网站制作 万网泰安网站建设优化
  • 搜索引擎收录网站优化排名软件网
  • 门户网站系统源码西地那非片的正确服用方法
  • 网站托管..优化营商环境 助推高质量发展
  • 政府事业单位网站建设要求佛山做网站推广的公司
  • 灵武住房和城乡建设厅网站太原seo外包平台
  • 网站编程 外包类型seo综合查询工具
  • pmp长沙百度网站推广优化
  • 番禺企业网站建设便宜的seo官网优化
  • 北仑区生态湿地建设管委会网站站长工具怎么关掉
  • php的网站怎么做的典型十大优秀网络营销案例
  • 古典网站源码网络热词作文
  • 网站模板找超速云建站seo推广是做什么的
  • 金融公司网站建设模板下载手机系统优化软件
  • 博罗建设银行网站网络关键词
  • 广东品牌网站制作公司网站推广的技术有哪些
  • 平湖有做网站得吗汕头网站排名优化
  • node.js做企业网站seo课程排行榜
  • 平罗门户网站建设网络优化公司哪家好
  • 加强网站政务服务建设中国最新军事新闻
  • 工程机械 网站模板百度竞价登陆
  • 昔阳网站建设成都百度推广账户优化
  • 网页动态设计优化关键词排名软件
  • 关于做公司官方网站域名申请百度seo搜索营销新视角
  • 提供网站建设公司哪家好十堰seo