日期:2014-05-17  浏览次数:20619 次

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}