指引网

当前位置: 主页 > 网页制作 > WEB开发 >

CSS如何让边框不占宽度和高度 _ CSS _ 建站百科 _ 学做网站论坛

来源:网络 作者:佚名 点击: 时间:2017-08-01 21:40
[摘要] HTML中,给一个DIV添加一个边框,那么这个DIV的宽度和高度就增加成为这个DIV的宽度加上这个边框的宽度,那么我们如何让边框不占宽度……

HTML中,给一个DIV添加一个边框,那么这个DIV的宽度和高度就增加成为这个DIV的宽度加上这个边框的宽度,那么我们如何让边框不占宽度和高度呢?

我们做网站时可以添加边框属性:让边框不占宽度,在DIV宽度内画边框

div.box
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:50%;
border:1em solid red;
}

------分隔线----------------------------