图像宽度百分比[CSS]

Question

我在asp.net页面上使用了bootstrap。但不幸的是，我在使用百分比宽度属性时遇到了问题。当我使用像素然后它工作，但当我使用百分比将无法正常工作。请看下面的图片。

Answer 1

从pull-right元素中删除member-role类，并尝试使用列来对齐项目。

Answer 2

原始代码

<div class="big-box">

    <div class="member-info">

        <img src="img/team/store.png" alt="admin" class="img-circle" />
        <span class="member-name"><%# Eval("cust_name") %></span>
        <div class="member-role red pull-right">

            <div class="progress">
               <div style="width: 40%;" class="progress-bar progress-bar-striped progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" ></div>     

            </div>
        </div>

    </div>

删除PULL-RIGHT（感谢@hunzaboy）

<div class="big-box">

    <div class="member-info">

        <img src="img/team/store.png" alt="admin" class="img-circle" />
        <span class="member-name"><%# Eval("cust_name") %></span>
        <div class="member-role red">

            <div class="progress">
               <div style="width: 40%;" class="progress-bar progress-bar-striped progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" ></div>     

            </div>
        </div>

    </div>

感谢帮助人员。赞赏很多。 ：）

Answer 3

使用父元素的大小计算百分比。我猜你的元素嵌套的div没有任何设置宽度。