前端之家收集整理的这篇文章主要介绍了
设置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