CSS：向左浮动，位置绝对
有
我有使用CSS创建的条形图 
.barGraph {
background: url(images/horizontal_grid_line_50_pixel.png) bottom left;
border-bottom: 3px solid #333;
height: 500px;
margin: 1em 0;
padding: 0;
position: relative;
}
.barGraph li {
background: #666 url(images/bar_50_percent_highlight.png) repeat-y top right;
border: 1px solid #555;
border-bottom: none;
bottom: 0;
color: #FFF;
margin: 0;
float: left;
padding: 0 0 0 0;
list-style: none;
text-align: center;
width: 39px;
}
当我添加
.barGraph li {
position: absolute;
}
这些条不再漂浮并变成这样：
有没有办法使它像这样？
HTML：
<ul class="barGraph">
<li class="set1" style="height: 57px;">57</li>
<li class="set1" style="height: 154px;">154</li>
<li class="set1" style="height: 99px;">99</li>
<li class="set1" style="height: 57px;">57</li>
</ul>
j08691
浮动：左和位置：绝对在一起没有意义。而是将列表项设置为display:inline-block;和vertical-align:bottom;
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
CSS溢出向左浮动
- 2
CSS不能向左浮动
- 3
HTML / CSS：向左浮动
- 4
使CSS列始终向左浮动
- 5
CSS向左浮动，然后向右浮动
- 6
css向左浮动和向右浮动
- 7
CSS：相对位置和向左浮动会导致不良位置。
- 8
HTML / CSS左右浮动，无绝对位置/固定位置
- 9
在更多列中向左浮动CSS技巧
- 10
CSS文本在向左浮动时开始换行
- 11
CSS向左浮动和position元素
- 12
CSS：div不会向左浮动（float：left）
- 13
CSS - Flex 一项向左浮动
- 14
结合浮动和绝对位置
- 15
浮动元素被绝对位置div裁剪
- 16
结合浮动和绝对位置
- 17
绝对位置图像上方的浮动文本
- 18
CSS菜单向左浮动，向右浮动一半
- 19
绝对并排CSS位置
- 20
图像使用向左浮动更改悬停时的位置
- 21
位置：相对，位置：绝对和浮动的差异和影响
- 22
CSS中的浮动/位置困难
- 23
CSS3列表导航未向左浮动
- 24
CSS向左浮动，没有环绕并且固定大小
- 25
日语unicode字符使CSS浮动向左反转
- 26
CSS下拉菜单向左浮动的问题
- 27
CSS居中内容，向左浮动并有多行
- 28
HTML / CSS向左浮动会自动填充空白
- 29
CSS位置角绝对左下
我来说两句