Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 我丢失了1px,宽度值相同,单位为%_Html_Css - Fatal编程技术网

Html 我丢失了1px,宽度值相同,单位为%

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

当我将宽度设置为%1时,我在某些值中损失了1px

这里有一个

HTML:

宽度
为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;
}