惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

P
Proofpoint News Feed
Martin Fowler
Martin Fowler
The GitHub Blog
The GitHub Blog
B
Blog RSS Feed
U
Unit 42
阮一峰的网络日志
阮一峰的网络日志
量子位
GbyAI
GbyAI
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
云风的 BLOG
云风的 BLOG
小众软件
小众软件
博客园 - 三生石上(FineUI控件)
L
LangChain Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
博客园_首页
IT之家
IT之家
V
Visual Studio Blog
Y
Y Combinator Blog
Blog — PlanetScale
Blog — PlanetScale
宝玉的分享
宝玉的分享
Apple Machine Learning Research
Apple Machine Learning Research
I
InfoQ
D
Docker
V
V2EX

博客园 - 空格

Alan Cooper 的交互设计观 [网摘] FLV播放器 源码二例 把视频文件自动的在服务器端转换成FLV文件的FFMPEG的编译方法[网摘] 完美简单的loading外部文件. 良心 如何量化用户体验UE(How To Quantify The User Experience)[网摘] 我的第一次涂鸦 为鼎盛设计的片头 为世道设计公司的片头 让你的网站上实时更新各大网站的新闻 - 空格 - 博客园 创意设计手法 [网摘] 网站策划方案写作、演示标准[转] 未来网站策划呈现5大趋势 [网摘] 互联网创业------建立强有力的执行文化[网摘] 关于Web 2.0 网站的创业思考[转] 关于web3.0的标准:吃喝买卖随己 Web2.0三大营销变革 WEB3.0标准的核心 也谈论坛“BBS2.0”的十大升级方向 [网摘]
左右均自适应高度
空格 · 2006-10-24 · via 博客园 - 空格

css:
.outer,.inner{
 width:200px;
}
.outer {
 margin:10px 0;
 background:red;
 color:#fff;
 display:table;
}
.inner{
 float:right;
 margin-left:200px;
 background:blue;
}
.right{
 float:right;width:180px;
}
.left
{
 float:left;width:180px;
 margin-left:-200px;
}

HTML:
    <div class="outer">
        <div class="inner">
            <div class="right">
                如果这边高于另一边,那另一边也会自适应这边的高度
            </div>
            <div class="left">
                低
            </div>
        </div>
    </div>
    <div class="outer">
        <div class="inner">
            <div class="right">
                低
            </div>
            <div class="left">
                如果这边高于另一边,那另一边也会自适应这边的高度
            </div>
        </div>
    </div>