runxinzhi.com
首页
百度搜索
三列中右侧固定左边和中间可变
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
>
注意:使用该样式的时候,一定要知道固定内容的确切高度,定义可变内容的高度与固定内容的高度相同。
适用情况:三列中只有一列的内容固定。
相关阅读:
使用对象-关系映射持久化数据
Spring中使用JDBC
无法正确解析FreeMarker视图
使用Java配置SpringMVC
面向切面的Spring
高级装配
爬虫简介与request模块
列表存储本质以及索引为什么从0开始
列表和字典操作的时间复杂度
记录腾讯云中矿机病毒处理过程(重装系统了fu*k)
原文地址:https://www.cnblogs.com/ada313/p/1564300.html
最新文章
POJ 2559 Largest Rectangle in a Histogram -- 动态规划
九度OJ 1499 项目安排 -- 动态规划
九度OJ 1500 出操队形 -- 动态规划(最长上升子序列)
清橙 A1120 拦截导弹 -- 动态规划(最长上升子序列)
HDOJ 1042 N! -- 大数运算
2014年王道论坛研究生机试练习赛(二)
xhprof 安装详解
RESTful API格式 图片验证码接口
phpexcel获取excel表格内容
做u盘启动重装系统 进winPE 出现 cdboot:couldn't find ntldr 解决办法
热门文章
nginx配置 解决ajax请求跨域问题
git 常用命令
使用solr界面管理工具创建core 不能用的解决方法
Could not load conf for core new_core 解決方法
wordpress smtp发送邮件
Solr的搭建
一些前端效果的实现
jquery.raty.js 评星插件的使用
Docker使用
使用Spring发送Email
Copyright © 2020-2023
润新知