Html 我丢失了1px,宽度值相同,单位为%
当我将宽度设置为%1时,我在某些值中损失了1px 这里有一个 HTML: 宽度Html 我丢失了1px,宽度值相同,单位为%,html,css,Html,Css,当我将宽度设置为%1时,我在某些值中损失了1px 这里有一个 HTML: 宽度为49%或宽度:52%我丢失1px,宽度49%和宽度:50%或类似数字值的宽度:100px没关系 有人能解释一下原因吗 另外,我希望得到一个解释,不要将显示从一个表切换到另一个块,因为问题出在display:table的div中,而不是我放置width:49%的div中因为使用display:block它是正常的dellchange CSS .ligne_inscription { display: run-i
为49%代码>或<代码>宽度:52%代码>我丢失1px,宽度49%代码>和<代码>宽度:50%代码>或类似数字值的宽度:100px代码>没关系
有人能解释一下原因吗
另外,我希望得到一个解释,不要将显示从一个表切换到另一个块,因为问题出在display:table
的div中,而不是我放置width:49%的div中代码>因为使用display:block
它是正常的dellchange
CSS
.ligne_inscription {
display: run-in; /**add**/
width: 100%;
background-color: black;
}
某些浏览器不会执行50%+50%=100%宽度
我相信这是因为像素的十进制值是四舍五入的
非常愚蠢的示例,但对于3px框,浏览器可能会确定两个半框各为2px,因此总数为4px。我认为这是display:table实现的舍入问题/错误
我只是在chrome上查找它,在定义宽度时,它不会对数字进行四舍五入,但在读取子元素时,它会对数字进行四舍五入
您将看到父级为241.5625像素
而孩子是241px。
不知道在包装器div上有边框是否至关重要,但将边框移动到表1应该可以解决问题。百分比与容器宽度相关,因此您能否澄清与1px宽度相比,您松动了什么?我想解释一下,如果您不更改,请不要将显示从表更改到块框大小:内容框;不,我试试。。这与框大小无关:边框框;添加显示:表格;我有一个很大的代码,如果我像你那样修改它就不起作用了。。。我必须像问题中那样保持显示,但问题在于display:table
的div,而不是我放置width:49%的div
因为使用display:block
这是正确的,但这可能是浏览器用来决定做什么的一件事,大约占50%。不是说这是对的,但是浏览器可以做一些奇怪的事情。但是我把的问题放在div with display table中,我认为浏览器必须填满所有的内容,但是他没有。你接受的答案正是我在我的文章中试图描述的,但埃格解释得更好:)soory@Fiona我不明白什么是“四舍五入”意思是。。。但在接受的带图片的问题中,我得到了它。@Youssef我在调整页面大小时也注意到了这个问题。。有时多余的像素消失了,有时又出现了。。。所以这肯定是一个取整错误。。。然而。。。这看起来有点像是一个小技巧,但是如果你把桌子的宽度调整到101%,它看起来就像是被小提琴固定了一样。
.div_centent {
width: 49%; /***** here the problem *****/
border: 1px solid #8096c4;
}
.ligne_inscription {
display: table;
width: 100%;
background-color: black;
}
.label_inscription {
display: table-cell;
}
.ligne_inscription {
display: run-in; /**add**/
width: 100%;
background-color: black;
}