如何让两个div显示在同一行呢?(不是用table表格,table对SE不太友好)其实,<div> 是一个块级元素,也就是说,浏览器通常会在 div 元素前后放置一个换行符。可以加一个属性float:left,演示代码如下
1
2
3
4
|
<div style="width=2000px"> <div style= "float:left; width:100px; border:2px solid #aa00FF; " >第一个div</div>
<div style= "float:left; width:100px; border:2px solid #0033FF; " >第二个div</div>
</div> |
相关推荐
两个DIV同一行显示。也可以调整样式使其纵向排列。
/*说明:可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动*/ /*调用: 1 无参数调用:默认浮动在右下角 $("#id").floatdiv(); 2 内置固定位置浮动 //右下角 $("#id")....
点击事件触发,交换两个div的位置,呃。。其实方法很简单的
复制代码代码如下: <... <head> <style type=”text/css”> div#row1 { float: left;... <div id=”row1″>第一个div</div> <div id=”row2″>第二个div不换行</div> </body> </html>
实现多个div在同一行显示的应用还是比较广泛的,于是做了个示例,初学者可以参考下,希望对大家有所帮助
纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存
多个iframe,其中一个frame中的隐藏div能够在最上层显示,不会挡着这个div
方法一: ...上面的div1和div2就会在同一行显示。。。(此方法一般都会有效的) 方法二: 复制代码代码如下: <div id=”div1″ xss=removed>div1 content</div> <div id=”div2″ xss=removed>d
多个iframe,显示其中一个frame中的div,并处于最上层显示 并且页面中的填写的值,可以传到弹出的div页面中 最近一段时间在做这个东西,给大家分享一下 附带测试代码 js弹出div层
div+css高度自适应网页布局,子div含float,父div高度自适应,已经通过测试的浏览器:ie6、ie7、ie8、火狐、Chrome。 代码来源: http://www.positioniseverything.net/articles/onetruelayout/equalheight
运用div布局,两个div拉伸一个变大一个变小,实现左侧导航栏显示/隐藏功能
加入float:left以后会使随后跟上的BUTTON标签跟在DIV后面,这是就须在两者之间加入一个CLASS为clear的DIV,下面的示例,大家可以看看
jquery/js实现鼠标点击一个div,另一个div变色demo
DIV+CSS布局:CSS浮动float属性详解 不解释
看了高洛峰老师的div+css视频教程,不错。 模仿里面的实例,写了个简单的页面,float布局,在手机上显示也可以。 比较简单的演示,对布局有了更多的了解
网页div在屏幕正中间显示
让两个Div并排显示的方法有很多,使用display的inline属性、通过设置float来让Div并排显示都可以实现,感兴趣的朋友可以参考下本