当前位置: 代码迷 >> HTML/CSS >> div position:absolute 里面嵌套的 div float:left 可以向左侧撑出么,该怎么解决
  详细解决方案

div position:absolute 里面嵌套的 div float:left 可以向左侧撑出么,该怎么解决

热度:886   发布时间:2012-03-03 15:33:03.0
div position:absolute 里面嵌套的 div float:left 可以向左侧撑出么
为了实现分页时候的遮罩效果

---- 没有遮罩时候的普通分页效果(分页栏是和容器的右侧对齐)
<div> <-- 分页容器 float:right(这个是必须的)
  <div float:left>第一页</div>
  <div float:left>第二页</div>
<div>

现在希望在ajax分页的时候 在分页按钮的上方出现一个图片,使得按钮不能点击

<div> <-- 分页容器 float:right(这个是必须的)
  <div hidden position:absolute>
  <div float:left>图片</div>
  <div float:left>加载中...</div>
  </div>
  <div float:left>第一页</div>
  <div float:left>第二页</div>
<div>


问题 当显示的时候 由于这个 div<图片和加载中文字> 可能会撑出(因为它的长度可能长于 多个分页的div加起来的长度)容器,效果是 div<图片和加载中文字>会从右侧撑出容器。 


是否有办法让其向左撑出容器 而不是象有撑出容器呢?

------解决方案--------------------
试试设定绝对定位的div {right:0}
  相关解决方案