javascript - 获取div宽度并添加到边框

时间:2015-04-17 13:49:07

标签: javascript html css width border

嘿我想获得div的宽度并将其作为边框宽度添加到css类中。提前谢谢!

这是div:

<div id="web" class="well">
<div style="padding:19px">
<a style="text-decoration:none;" class="boxclose web_close"></a>
<h2 style="color:#242424; font-weight:bold;"><em style="color:#4fd886;">&mdash;</em>  Web.</h2>
<p></p>
</div>
</div>

这是CSS类:

.well:before { 
    width: 0;
    height: 0;
    content: "";
    border-bottom: 81px solid #fff;
    border-left:/*WIDTH HERE*/ solid transparent;
    position: absolute;
    bottom: 100%;
}

1 个答案:

答案 0 :(得分:0)

我没有提到你想要任何一边的边界,如边界左边,右边边界或所有方向的边界。 我试图解决您的查询,请在下面找到小提琴链接..

<强> find js fiddle demo

.well{
position:relative;
float:left;
}
.well:before { 
width: 100%;
height: 100%;
content: "";
position: absolute;
top: 0;
left:0;
border:1px solid red;
}