zoukankan
html css js c++ java
三列中右侧固定左边和中间可变
Code
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<
html
xmlns
="http://www.w3.org/1999/xhtml"
>
<
head
>
<
title
>
test
</
title
>
<
style
type
= "text/css"
>
.main
{
}
{
width
:
450px
;
background
:
#cccccc
;
}
.content
{
}
{
float
:
left
;
width
:
150px
;
background
:
#999999
;
}
;
.left
{
}
{
float
:
left
;
margin-left
:
-150px
;
width
:
150px
;
position
:
relative
;
background
:
#999999
;
color
:
#000000
;
}
;
.content_center
{
}
{
float
:
right
;
margin-right
:
-150px
;
width
:
150px
;
position
:
relative
;
background
:
#333333
;
color
:
#ffffff
;
}
;
.middle
{
}
{
float
:
right
;
width
:
150px
;
}
;
.right
{
}
{
float
:
right
;
width
:
150px
;
}
;
.clear
{
}
{
clear
:
both
;
}
;
</
style
>
</
head
>
<
body
>
<
div
class
= "main"
>
<
div
class
= "content"
>
<
div
class
= "content_center"
>
<
div
class
= "left"
>
左侧可变内容,左侧可变内容
</
div
>
<
div
class
= "middle"
>
中间可变内容,中间可变内容,中间可变内容,中间可变内容
</
div
>
</
div
>
</
div
>
<
div
class
= "right"
>
右侧固定内容
</
div
>
<
div
class
= "clear"
></
div
>
</
div
>
</
body
>
</
html
>
注意:使用该样式的时候,一定要知道固定内容的确切高度,定义可变内容的高度与固定内容的高度相同。
适用情况:三列中只有一列的内容固定。
查看全文
相关阅读:
网络爬虫之Cookies解决
高性能异步爬虫
Python csv存储
pandas ExcelWriter用法及代码示例
pandas to_excel 用法详解
pandas read_csv 与 to_csv 方法各参数详解
pandas read_excel操作
pandas DataFrame.groupby()所见的各种用法详解
Pandas 中 DataFrame 基本函数整理
Python 解析二维码 输出文本
原文地址:https://www.cnblogs.com/ada313/p/1564300.html
最新文章
高职院校学生工作管理平台的设计与实现--文献随笔(十三)
高校学生工作管理系统的分析与设计--文献随笔(十二)
高校辅导员工作管理系统的设计与实现--文献随笔(十一)
个人作业——软件工程实践总结作业
2019 SDN阅读作业
2019 SDN上机第7次作业
2019 SDN上机第6次作业
2019 SDN上机第5次作业
SDN课程阅读作业(2)
个人作业——软件评测
热门文章
2019 SDN上机第4次作业
2019 SDN上机第三次作业
2019 SDN上机第2次作业
Crawlab多节点部署流程
使用Python 实现ftp文件上传、下载
Python ssh连接数据库
Snow雪花算法
网络爬虫之异步协程
使用Scrapy框架爬取Boss招聘信息
网络爬虫之IP封禁解决以及搭建代理IP池
Copyright © 2011-2022 走看看