设置CSS宽度为100%右边框丢失?

前端之家收集整理的这篇文章主要介绍了设置CSS宽度为100%右边框丢失?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我将div的宽度设置为窗口的100%。当我对这个div应用边界时,右边界被切断。我必须执行一个盒子模型黑客吗?
#textBoxContainer {
width:100%;
height:30%;
position:fixed;
z-index:99;
bottom:0px;
left:0px;
background-color:#999;
border: 4px solid #000;
}

<div id="textBoxContainer"></div>

解决方法

在你的情况下最简单的解决方法是:
#textBoxContainer {
    height: 30%;
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #999;
    border: 4px solid #000;
}

Live Demo

>删除宽度:100%。
>要使div填充屏幕,而是添加权限:0。

给一个左和右(或顶部和底部)的元素完全可行,就像我们在这里做的一样。

原文链接:https://www.f2er.com/css/219852.html

猜你在找的CSS相关文章