html中如何将两个div并列显示

html中如何将两个div并列显示














站点管理




  • 站点添加



  • 站点修改



  • 站点删除







线路管理




  • 线路添加



  • 线路修改



  • 线路删除






关于






结果显示是这样,我想让站点管理和线路管理并列显示在“公交查询小助手”下面,这样看着好看,请问该如何实现,html也贴了出来,大家看看。
并排的话,你需要使用CSS的float属性,然后在设置浮动;
比如

左

右


这样,这个两个DIV标签就在同一行上了(同时靠左),当然有个前提,就是他们俩的父元素的宽锋和度要至少大于400px,这样才能在同一行上。这个结果是两个DIV的右侧会空出100PX的空白

左

右


以上写法,也是在同一仔掘行。不同的是,一个靠左,一个靠右。
这里边的两个DIV的中间有100PX的空白。
把id为c的DIV设左浮动就OK了租扰念。(你设了右弊困浮动。。。)这句应该这样写李穗:
。
直接设置2个div 左浮动就可以了。
①两个div style=float:left
②两态神个div style=display:inline-block;vertical-align:top(不一定兼容所有浏览器,获得像按钮一样的属性)

上面两个方法右边的div还要margin-left:**px或padding-left:**px,效果看看起来就不那么近了。

③绝对定位,不推荐颤携。

还有,你把“关于”扩到右边的div里面了,感觉看茄闭伏起来有点不太好。










颤薯



站点管理




  • 站点添加



  • 站点修改



  • 站点删除







线路管理




  • 线路添加



  • 线路修改



  • 线路删除






关于





← 上一篇: 下一篇: →