社区
Web 开发
帖子详情
各位大侠,谁会让两个div在一个水平线上显示,在线等!十万火急,谢谢!
jiangfw860122
2009-04-07 03:51:29
<div id="pagebody"><!--页面主体-->
<div id="left"><!--页面左侧-->
</div>
<div id="right" ><!--页面右侧-->
</div>
</div>
如上,页面主体pagebody内嵌套left和right 用css 怎样定义在一条横线上,我这个总是上下显示的!
谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢!
...全文
189
4
打赏
收藏
各位大侠,谁会让两个div在一个水平线上显示,在线等!十万火急,谢谢!
如上,页面主体pagebody内嵌套left和right 用css 怎样定义在一条横线上,我这个总是上下显示的! 谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
sgdb
2009-04-07
打赏
举报
回复
<span id="left"> <!--页面左侧-->
</span>
<span id="right" > <!--页面右侧-->
</span>
</span>
dl23tl
2009-04-07
打赏
举报
回复
float:left
在其中一个div的css中加入上面这句
lipeng88888888888888
2009-04-07
打赏
举报
回复
用框架
HinanaiTenshi
2009-04-07
打赏
举报
回复
最傻的办法是,放到一个table里
开发中关于使用display: inline-block导致
div
不在同一条
水平线
上
我遇到的问题是好多个
div
并列排列,并且每个
div
中都有子元素,假如第一列
div
是 5行,第二列
div
6行,第二列多出来的一行
会
让两列
div
头部不在同一个
水平线
上,导致这种情况原因是基线没有对齐,加上vertical-align: top;即可解决 说实话刚开始根本不知道是因为display:inline-block造成的,至于如何发现是自己慢慢的调试出来的,这样解决问题的时候印象比较深刻 ...
css样式遇到问题小总结
在工作中我们可能遇到一些样式问题,明明没有什么错啊,为什么样式就不对呢? 下面我将为大家揭开神秘的面纱吧 问题1.设置了display:inline-block属性,元素却不在同一
水平线
上 几个同级的
div
设置了display:inline-block属性,为什么就是不在同一
水平线
上呢?特别是两个
div
,其中一个
div
中再嵌套几个
div
的情况,两个大的
div
就不在同一
水平线
上,举个图
两个同一行的元素的对齐
背景: 我把两个
div
设置成了inline-block,于是这时是默认在同一行的,但是这时候的图片的大大小
会
导致两个在视觉上不在同一条
水平线
上。刚开始我是对单个的设置margin-top属性,但是发现两个
div
同时下降了,原来是inline-block
会
迷人这两个
div
会
在同一个
水平线
上,设置了margin-top就
会
使两个同时下降。这时候就想到了将这个脱离文档流来设置高度,即position...
html字段在同一个
水平线
上,怎么调整两个层在同一
水平线
上啊_html/css_WEB-ITnose
CSS 层怎么设置两个层在同一
水平线
上是调整float属性么跪求啊回复讨论(解决方案)说清楚些如果是absolute定位的层,渲染到同一个容器内且让其top相同就平了margin-top,用这个?如果是两个
div
的话,仅仅只是出于同一
水平线
的话,就设置float属性为left就可以了,要注意宽度,如果两个
div
的宽度加在一起超过上层它们容器的宽度的话,第二个
div
就
会
掉到下层了;如果是两个
div
...
html把两条
水平线
,怎么调整两个层在同一
水平线
上啊_html/css_WEB-ITnose
CSS 层怎么设置两个层在同一
水平线
上是调整float属性么跪求啊回复讨论(解决方案)说清楚些如果是absolute定位的层,渲染到同一个容器内且让其top相同就平了margin-top,用这个?如果是两个
div
的话,仅仅只是出于同一
水平线
的话,就设置float属性为left就可以了,要注意宽度,如果两个
div
的宽度加在一起超过上层它们容器的宽度的话,第二个
div
就
会
掉到下层了;如果是两个
div
...
Web 开发
81,078
社区成员
341,822
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章