css+div 两列并排 容器内显示
2009-08-20 00:00
609 查看
.liatmain
{
width:950px;
background-color:#ff0000;
margin:0 auto;
}
.left
{
float:left;
width:728px;
}
.right
{
float:left;
width:222px;
background-color:#ffcc00;
}
.clear
{
clear:both;
}
<div class="liatmain">
<div class="left">{$MY_首页中部950A}</div>
<div class="right">{$MY_首页中部950B}</div>
<div class="clear"></div>
</div>
注:float:center,这样的写法是不对的。要让一个层居中,可以写margin:0 auto。我给你加的.clear是为了要清除浮动。兼容浏览器。加了背景,是为了测试
{
width:950px;
background-color:#ff0000;
margin:0 auto;
}
.left
{
float:left;
width:728px;
}
.right
{
float:left;
width:222px;
background-color:#ffcc00;
}
.clear
{
clear:both;
}
<div class="liatmain">
<div class="left">{$MY_首页中部950A}</div>
<div class="right">{$MY_首页中部950B}</div>
<div class="clear"></div>
</div>
注:float:center,这样的写法是不对的。要让一个层居中,可以写margin:0 auto。我给你加的.clear是为了要清除浮动。兼容浏览器。加了背景,是为了测试
相关文章推荐
- ul和li简单语句实现DIV+CSS分两列(多列)布局显示
- DIV两列并排的标准写法——理解CSS中的float
- DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度,窗口小的时候显示滚动条.
- css中的并排显示(div/图片均适用)
- ul和li简单语句实现DIV+CSS分两列(多列)布局显示(转)
- DIV横向排列_CSS如何让多个div盒子并排同行显示
- DIV横向排列_CSS如何让多个div盒子并排同行显示
- 2016/2/24 1,css有几种引入方式 2,div除了可以声明id来控制,还可以声明什么控制? 3,如何让2个div,并排显示。4,清除浮动 clear:left / right / both
- DIV横向排列_CSS如何让多个div盒子并排同行显示
- CSS横向排序_让多个div盒子并排同行显示
- (转)css中通常会用到浮动与清除,也是一个必须掌握的知识点,概念性的东西不多说,下面举几个例子,来说明它的用法:1.文字环绕效果 2.多个div并排显示 3.清除浮动(默认显示)
- DIV横向排列_CSS如何让多个div盒子并排同行显示
- DIV横向排列_CSS如何让多个div盒子并排同行显示
- DIV横向排列_CSS如何让多个div盒子并排同行显示
- ul和li简单语句实现DIV+CSS分两列(多列)布局显示
- DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度,窗口小的时候显示滚动条.
- css实现两个div并排显示
- CSS+DIV把八个层并排显示!!!
- DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度,窗口小的时候显示滚动条.
- div内文字显示两行,超出两行部分省略号显示css