DIV的安排-HTML CSS
用户名
我如何在不使用js的情况下构造上述安排？
提前致谢 ！
#div3 {
display: inline-block;
}
#div1 {
min-width: 150px;
float: left;
}
#div2 {
max-width: 100%;
float: left;
}
http://jsfiddle.net/XCDsu/4/-如何使第二个div适合内容？第一个必须是150px而不是百分比
斯蒂芬·穆勒（Stephan Muller）
您可以使用圣杯技术：http : //alistapart.com/article/holygrail
#div3 {
display: block;
background: blue;
padding-left: 150px;
}
#div1 {
width: 150px;
float: left;
margin-left: -150px;
}
#div2 {
width: 100%;
float: left;
}
这样做是在＃div3的左侧创建一个150px宽的填充，但它会将＃div1的负边距拉入其中。
这样，＃div2使用的“ 100％”实际上就是＃div3的（100％-150px）
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
HTML / CSS Popup div上的文字点击
- 2
HTML / CSS <div>背景
- 3
Paradoxical effect for HTML <div>s using CSS
- 4
使用CSS的HTML <div>的矛盾效应
- 5
在HTML / CSS中的表格中使用Div？
- 6
HTML CSS DIV面板
- 7
嵌套div上的HTML和CSS
- 8
HTML / CSS文本将不跟随div
- 9
HTML CSS Content div不会浮动
- 10
HTML / CSS：如何居中浮动div？
- 11
以CSS / HTML居中DIV
- 12
HTML / CSS Textarea和Div的高度不同
- 13
简单的CSS \ HTML DIV布局问题
- 14
HTML div表和CSS
- 15
我的div不会将HTML CSS居中
- 16
在html / css中将div输入元素居中
- 17
html CSS div移动显示
- 18
如何使用html和CSS使这个div？
- 19
HTML / CSS在div中对齐多个元素
- 20
在CSS / JS中安排多个div？
- 21
图片div中断文本输入HTML / CSS
- 22
对齐div元素（css，html）
- 23
HTML / CSS <div>背景
- 24
HTML / CSS消失的div背景
- 25
用CSS安排div
- 26
Div排列HTML / CSS
- 27
在CSS / HTML中将DIV居中
- 28
HTML + CSS DIV对齐布局
- 29
Html 和 Css div 错误
我来说两句