用两种不同的方式来实现一个三列布局,其中左侧和右侧的部分宽度固定,中间部分宽度随浏览器宽度的变化而自适应变化
来源:互联网 发布:免费远程控制软件 编辑:程序博客网 时间:2024/06/05 22:33
HTML程序:
<div style="padding: 0 400px 0 300px;" class="box"> <div id="box5">box5</div> <div id="box6">box6</div> <div id="box7">box7</div></div><div class="box"> <div id="box9"></div></div>
方法一css程序:
<pre name="code" class="css">#box5{ float: left; margin-top: 50px; background-color: #34ED16; width: 100%; height: 50px; } #box6{ float: left; background-color: blue; width: 300px; height: 50px; margin:50px 0 0 -100%; position: relative; left: -300px; } #box7{ float: right; background-color: aquamarine; width: 400px; height: 50px; margin:50px -400px 0 0; }方法二css程序:
#box9{ float: left; margin-top: 150px; border-left: solid 300px #34ED16; border-right:solid 300px aquamarine; background-color: blue; width: 55.5%; height: 50px; }
1 0
- 用两种不同的方式来实现一个三列布局,其中左侧和右侧的部分宽度固定,中间部分宽度随浏览器宽度的变化而自适应变化
- 用两种不同的方式来实现一个三列布局,其中左侧和右侧的部分宽度固定,中间部分宽度随浏览器宽度的变化而自适应变化
- 用两种不同的方法来实现一个两列布局,其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化
- 用两种不同的方法来实现一个两列布局,其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化
- CSS-左侧固定宽度,右侧自适应宽度的两列布局实现方法总结
- 【CSS】三列布局(左右div固定宽度,中间div随浏览器窗口自适应变化宽度)
- CSS实现左右栏宽度固定中间栏宽度变化且各栏高度自适应背景色不同的三栏布局
- 两列布局——左侧宽度固定,右侧宽度自适应的两种方法
- 两列布局——左侧宽度固定,右侧宽度自适应的两种方法
- 两列布局——左侧宽度固定,右侧宽度自适应的两种方法
- 两列布局——左侧宽度固定,右侧宽度自适应的两种方法
- 三列布局:中间宽度固定,两侧宽度自适应屏幕的实现
- CSS-两侧固定宽度,中间自适应的三列布局
- 求css左侧宽度固定右侧宽度自适应的办法
- android布局时,左侧宽度固定而右侧textview高度变化,怎么9png实现左侧高度与右侧相等?
- CSS实现左侧固定宽度右侧自适应的固比布局
- 设计一个两列div布局,使得左侧div的宽度为90像素,右侧div的宽度自适应;
- EXTJS_GridPanel_ColumnModel_列的宽度随数据变化而变化
- memcached tomcat session 共享
- [初级知识]s3c2416x时钟配置详细步骤
- 【DragonBoard 410c 试用体验】opencv人脸识别基础使用
- Android开发-Fragment返回键监听-AndroidStudio
- 策略模式——国庆游厦门
- 用两种不同的方式来实现一个三列布局,其中左侧和右侧的部分宽度固定,中间部分宽度随浏览器宽度的变化而自适应变化
- 1021 个位数统计
- 20个编写现代 CSS 代码的建议
- Android音视频点/直播模块开发实践总结
- 日本語勉強サイト
- HDU5895 Mathematician QSC(构造矩阵+矩阵快速幂+幂次循环节)
- Spi Flash 调试细节总结
- Unity 2D入门基础教程
- Android 判断耳机是否插入