div元素和它自己的镶边之间的垂直线

时间:2019-04-25 17:39:11

标签: html css google-chrome

我使用与div本身相同的颜色指定了一个具有底边框的div元素,以创建背景图像的垂直非对称放置。但是,在div及其边框之间会出现一条非常细的线(元素及其边框的颜色为#141414,1像素宽的线为#2c2c2c)。

Chrome开发人员工具说该行不存在,但仍然可见。该问题在Firefox或Internet Explorer中不存在,仅在某些窗口宽度下出现,而在其他窗口宽度下却没有出现,而是以不同的亮度出现。

仅当我在背景上使用填充框时出现。

html

MemoryGetter(sB)
{
    //select which array depending of 'sB'
    for (i=0, i < numOfarrays, i++)
        if (sizeOfArr(i) >= sB)
           arrMatch = i
           break //exit for

    //wait if other thread wants a block from the same arrMatch array
    while ( searching(arrMatch) == true )
        ; //wait
    //blocks other threads wanting a block from the same arrMatch array
    searching(arrMatch) = true

    //Get the first free block
    for (i=0, i < numOfBlocks, i++)
        if ( arrOfUsed(arrMatch, i) != true )
           selectedBlock = addressOf(....)
           //mark the block as used
           arrOfUsed(arrMatch, i) = true
           break; //exit for

     //Allow other threads
     searching(arrMatch) = false

     return selectedBlock  //NOTE: selectedBlock==NULL means no free block
}

css

<div id="titleBlock">Title Text</div>

是否有人在没有创建第二个div来代表底部边框的情况下经历过此事或知道解决方案?

1 个答案:

答案 0 :(得分:0)

额外的0.25%的视图宽度对您来说有多重要?

我将padding top: 20.75vw撞到padding-top: 21vw使其在Chrome中消失了。