css 两列左侧列固定 width: 100px; float: left; 右侧列自适应 margin-left:100px; 注意要用在div上的style

【css 两列左侧列固定 width: 100px; float: left; 右侧列自适应 margin-left:100px; 注意要用在div上的style】的更多相关文章

css 两列左侧列固定 width: 100px; float: left; 右侧列自适应 margin-left:100px; 注意要用在div上的style

css 两列左侧列固定 width: 100px; float: left; 右侧列自适应 margin-left:100px; 注意要用在div上的style .con1{ width: 100px; float: left; background: #ff0; } .con2{ margin-left:100px; background: #fe3; }…

在页面布局中，CSS如何实现左侧宽度固定，右侧宽度自适应的布局？

首先给出DOM结构 <divclass="box"> <divclass="box-left"></div> <divclass="box-right"></div></div> 1.利用float + margin实现 .box { height: 200px; } .box > div { height: 100%; } .box-left { width: 200…

Oracle 行转列（不固定行数的行转列，动态）（转）

http://bbs.csdn.net/topics/330039676 SQLSERVER :行列转换例子: http://www.cnblogs.com/gaizai/p/3753296.html#_labelFour 1. Oracle 11g之后新增了行列转换的函数 pivot 和 unpivot 大大简化了行列转换处理. 2. 在Oracle 10g及以前版本,一般是通过各种SQL进行行列转换,列入下面例子: create or replace procedure P_row_to_…

css布局中左侧固定右侧自适应

float 单一层浮动法左侧固定成100px; 则核心代码左侧:width:100px;float:left; 右侧 width:auto;margin-left:100px;绝大浏览器是没有任何问题的,除了万恶的浏览器IE6,两层中间有缝隙 3px; 定位在固定元素上加入绝对定位,自适应元素设置成margin-left:固定元素的宽度 <!DOCTYPE html> <html> <head> <meta charset="utf-8"&…

css实现div两列布局——左侧宽度固定，右侧宽度自适应（两种方法）

原文:css实现div两列布局--左侧宽度固定,右侧宽度自适应(两种方法) 1.应用场景左侧一个导航栏宽度固定,右侧内容根据用户浏览器窗口宽度进行自适应 2.思路首先把这个问题分步解决,需要攻克以下两点: 1)让两个div并排到一行 2)让一个div宽度固定,另个div占据剩下宽度的空间关于第一点,首先要明确,div属于块级元素,在文档标准流中单独占据一行.要想多个div在一行,就可以想办法让div脱离标准流,比如使用float或者absolute: 关于第二点,首先有一个宽度固定的div…

CSS两列布局——左侧宽度固定，右侧宽度自适应的3种方法

1.左侧绝对定位法直接看代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com…

CSS 两列布局之左侧适应，右侧固定 3种方式

第一种:左侧用margin-right,右侧float:right CSS代码: html, body,ul,li #wrapper { width: 100%; height: 100%; padding:; margin:; } .left, .right { min-height: 500px; border:; } .left { background-color: #999999; margin-right: 151px; } /*左适应右固定第一种*/ .right { backgr…