转自：http://zzc1684.iteye.com/blog/1520217
（用div控制元素排版有时候还是弄不明白，不过用表格的方式还是比较方便解决的，div排版留着有时间在研究，下面的方式也能解决问题的，可参考下）
一般我们在做网页的时候如果放两个DIV，那在显示的时候这两个DIV是在列的方面上显示的，也就是第二个DIV显示在第一个的下面，如果我们想要让这两个DIV在行的方向上显示，可以用下面的css来实现
<html>
<head>
<style type="text/css">
.left1{
float:left; /**//* 这个是关键的地方 让col1往左浮动，这样它的后面（右边）就可以放置别的元素（别的元素：可以是div，图片，文字等） */
width:300px;height:300px;
background:#eee;
border:1px solid #ccc;
}
.left2
{
float:left;/**//* 这个是关键的地方 让col2也往左浮动，紧跟在col1的后面 */
margin-left:5px;/**//* 让col2和col1之间有些间隔 */
width:490px;height:300px;/**//* 给一个尺寸 可以随意*/
background:#ddd;
border:1px solid #ccc;
}
</style>
</head>
<body>
<div class="left1">
You did a good job!
</div>
<div class="left2" >
You did a good job!
</div>
</body>
</html>
相关推荐
两个DIV同一行显示。也可以调整样式使其纵向排列。
实现多个div在同一行显示的应用还是比较广泛的，于是做了个示例，初学者可以参考下，希望对大家有所帮助
纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存
方法一： ...上面的div1和div2就会在同一行显示。。。（此方法一般都会有效的） 方法二： 复制代码代码如下: <div id=”div1″ xss=removed>div1 content</div> <div id=”div2″ xss=removed>d
DIV内多行文字垂直居中，并且超过固定行数时显示省略号
项目中一个gridview，点击一行弹出一个div层，把该条的信息都显示在层中，然后点击保存，更新gridview
NULL 博文链接：https://yixinhu.iteye.com/blog/1630665
将div内容滚动到div的最有一行，类似于qq聊天窗口。
复制代码代码如下: <style> .box1 {width:70%; float:left; display:inline;} .box2 {width:30%;... <div class=”container”> <div class=”box1″>121212</div> <div class=”box2″>455656</div> </div>
块状元素这么霸道都是独占一行，如果现在我们想让两个块状元素并排显示，怎么办呢？不要着急，设置元素浮动就可以实现这一愿望。 3.层模型--绝对定位 如果想为元素设置层模型中的绝对定位，需要设置position:...
当一行文字超过DIV或者Table的宽度的时候，浏览器中默认是让它换行显示的，如果我们不想让他换行显示那要怎么办呢？看到这个标题很容易就会想到截断文字加“…”的做法。 一般的文字截断(适用于内联与块)： =======...
就类似说空间里面模块中模块名靠左，编辑字样出现在靠右，一般思路的话一定是认为通过分开两列，一个align=...这个时候就发现出现一个问题“文章”跟“编辑”不在同一行中！这下苦闷了！于是只好去搜了问题原因如下
代码如下： ... <div u00a0style=width:100px;height:20px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;...还必须定义：强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏
设置或检索是否使用一个省略标记（…）标示对象内文本的溢出。 对应的脚本特性为textOverflow。 <div xss=removed>a b c d e f g h i j k l , msa sd sd sa w df f ...还必须定义：强制文本在一行内显示（white-space:
但是，如果输入的是英文字母，那么，无论你div设定宽度为多少，英文字母都是不换行直接在同一行输出，导致div的宽度远远超出设定的大小。 原因：这是因为div中，英文字母之间没有空格的话，它会默认认为这是一个...
初学css的新手朋友经常会遇到一个问题，当文字和图片出现在同一行或者同一个div里面的时候，在浏览器中运行出来的显示效果往往是在不同的行，那么我们怎么才能在css中控制他们在同一行显示呢，其实方法有3种：1、...
关键是当浏览器屏幕滚动时，该对象div层要移除浏览器界面视区的时候，是要修改它的position属性，让它浮动在窗口的上沿显示就行了。最好的position属性是fixed，可以在IE6+和其他浏览器浮动层平滑的固定定位，由于IE...
1.所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行，测试一下下面的代码你会有更形象的理解： 测试紧跟前面的"测试"显示＜/span>＜div>这里会另起一行显示＜/div> 2.块元素和行内元素也不是...