html – 如何对齐2相邻的divs水平无浮点?
发布时间:2020-12-14 19:01:00 所属栏目:资源 来源:网络整理
导读:我想让两个div彼此相邻,以便在没有FLOAT的同一个水平线上对齐 我已经尝试了位置:亲戚,但没有运气 见下面的例子: http://jsfiddle.net/XVzLK div style="width:200px;height:100px;background:#ccc;" div style="background:Blue; float:left; width:100px;
我想让两个div彼此相邻,以便在没有FLOAT的同一个水平线上对齐
我已经尝试了位置:亲戚,但没有运气 见下面的例子: <div style="width:200px;height:100px;background:#ccc;"> <div style="background:Blue; float:left; width:100px; height:100px;"></div> <div style="background:red; float:left; margin-left:100px; width:100px; height:100px;"></div> </div> 从上面的链接,我需要红色框在同一行的蓝色框,没有空格下面.. 编辑:我想要红色的盒子留在容器的灰色框之外(就像这样)谢谢 解决方法
当您的高度和宽度固定时,请使用“位置”属性
<div style="width:200px;height:100px;position:relative;background:#ccc;"> <div style="background:Blue; position:absolute; left:0%; width:50%; height:100%;"> </div> <div style="background:red; position:absolute; left:50%; width:50%; height:100%;"> </div> </div> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |