底部线条css样式

1.首先固定宽高 （将文字移至左边，例如 “姓名：”）

  .line{

        width:100%;

        height:40px;

        float:left;

        border-bottom:1px solid #ccc

    }

    .title{

        height:38px;

        width:50px;

        line-height:38px;

        float:left;

        text-align:right

    }

2.写个js语句控制默认文字的位置（例如：“请输入您的姓名”）：

<!-- 控制行宽 -->

    <script>

            var inputWidth = document.body.scrollWidth - 100;

            $(".inputStyle").css("width", inputWidth + "px");

    </script>