经典面试题:一栏定宽,另一栏自适应,且等高
来源:互联网 发布:淘宝蜂蜜店铺推荐 编辑:程序博客网 时间:2024/06/05 13:23
html:
<div class="wrapper"><div class="left">你订单咋咋十号是好的多多多多多多多多多多多多多多多多多多多多多多多多多多多多</div><div class="right">苟富贵</div></div>css:
.wrapper { overflow: hidden;}.left { float: left; width: 200px; background-color: red; margin-bottom: -3000px; padding-bottom: 3000px;}.right { margin-left: 210px; background-color: green; padding-bottom: 3000px; margin-bottom: -3000px;}
margin和padding的值取决于内容的最大高度,比如高度无论如何都不会超过2000px,则margin-bottom:-2000px;padding-bottom:2000px
阅读全文
0 0
- 经典面试题:一栏定宽,另一栏自适应,且等高
- 一侧宽度固定另一侧宽度自适应且等高列布局
- 多列布局:定宽+自适应,不定宽+自适应,等宽布局,等高布局
- 2栏布局——一栏自适应
- CSS实现经典三栏布局(两侧定宽,中间自适应)
- 上中下三行布局,上下定高,中间栏自适应
- CSS布局——左定宽度右自适应宽度并且等高布局
- CSS布局——左定宽度右自适应宽度并且等高布局
- CSS布局——左定宽度右自适应宽度并且等高布局
- CSS之左定宽度右自适应宽度并且等高布局
- 另一道PHP面试题
- 微软、谷歌、百度等公司经典面试题
- [经典面试题][百度]求比指定数大且最小的“不重复数”
- IBM经典面试题
- 经典面试题
- java经典面试题
- 经典面试题
- Java经典面试题
- 如何编写bat文件来执行jar程序
- 底部导航:BottomTabBar的简单应用
- 51nod 1582 n叉树 dp+矩阵乘法
- c++类模板
- 公无渡河 公竟渡河
- 经典面试题:一栏定宽,另一栏自适应,且等高
- PLSQL Developer 不能连接 oracle 11g 64位 的解决办法
- Entity Framework 并发处理
- Linux下添加新硬盘,分区及挂载的详细步骤指导
- (一)谈论直男的问题
- Android.mk高级写法
- 【JZOJ 5417】【NOIP2017提高A组集训10.24】方阵
- php循环控制打印表格隔行变色的两种方法
- UnsatisfiedLinkError: dalvik.system.PathClassLoader