html – 对齐2向左跨越一个,另一个向右跨越div

html – 对齐2向左跨越一个,另一个向右跨越div,第1张

概述任何人都可以写CSS片段吗? <div class="container"> <span class="left">Left</span><span class="right">Right</span></div> 这是.container的CSS: .container { position:absolute; bottom:0; margin: 0 5px 5px 任何人都可以写CSS片段吗?

<div >  <span >left</span><span >Right</span></div>

这是.container的CSS:

.container {    position:absolute;    bottom:0;    margin: 0 5px 5px 5px;}

注意位置是绝对的,因为它在其包含元素上是“绝对定位的”.

我已经尝试了浮动:左/浮动:右边两个嵌套元素,但没有任何反应.

解决方法 设置要阻止的元素,设置宽度并浮动它们.

.left{  display: block;  float:left;  wIDth: 100px;}.right{  display: block;  float:right;  wIDth: 100px;}

示例:http://jsfiddle.net/LML2e/

总结

以上是内存溢出为你收集整理的html – 对齐2向左跨越一个,另一个向右跨越div全部内容,希望文章能够帮你解决html – 对齐2向左跨越一个,另一个向右跨越div所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1042171.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-24
下一篇 2022-05-24

发表评论

登录后才能评论

评论列表(0条)

保存