CSS：删除多余的空间，当2周的div是在Chrome

链接中我有以下形式的链接内的两个div：CSS：删除多余的空间，当2周的div是在Chrome

<a href="#" id="wrapper> 
    <div class="div1"></div> 
    <div class="div2">Text</div> 
</a>

CSS和HTML链接：（）

在简而言之，“div1”用于链接的背景图像，而“div2”是链接中的一些文本...如果您在JSFiddle（上面的链接）中运行此操作，则可以看到在页面上有一个小的不需要的边距左... （在Chrome浏览器!!）

谁能告诉我如何删除这个空间？（我保持两个div的链接里面因特殊原因，所以需要改变结构或简单地设置“背景图片”整个链接不会为我工作的任何解决方案）

换句话说，我想保留“div1”。

谢谢！

来源

2015-01-01 user3878106

[类似这样？]（http://jsfiddle.net/gfjnosvg/3/） –

不知道你指的是什么不必要的边距。我正在使用最新的Chrome版本，并没有真正看到任何这样的事情。你可能会添加一些屏幕截图并指出？你是否有机会参考蓝色区域？如果是的话，那是第一个'div'。 – Harry

Div 1显示为页边距，因为它实际上没有显示为块元素的宽度。尝试在Div 1中添加一个宽度，使其显示出来。

谢谢。

来源

2015-01-01 08:45:49

之前有一位用户在这里发布了这个消息，但他删除了他的答案。

使用display:-webkit-table-cell;

#wrapper { 
 
    display: inline-table; 
 
    background-color: red; 
 
    
 
    width: 20vw; 
 
    height: 20vw; 
 
} 
 

 
.div1 { 
 
    display: -webkit-table-cell; 
 
    
 
    background-image: url("http://doc.jsfiddle.net/_downloads/jsfiddle-desktop-1440x900-a.png"); 
 
    background-size: cover; 
 
    background-repeat: no-repeat; 
 
} 
 

 
.div2 { 
 
    display: -webkit-table-cell; 
 
}

<a href="#" id="wrapper"> 
 
    <div class="div1"></div> 
 
    <div class="div2">Text</div> 
 
</a>

来源

2015-01-01 08:50:03

默认情况下，大多数浏览器添加一些保证金周围的外面，但你可以设置身体有保证金：0和padding：0解决这个问题，我将此代码添加到您的jsfiddle删除间距：

body { 
margin: 0; 
}

我甚至走这么远，说你真的需要使用像这样的浏览器重置：http://nicolasgallagher.com/about-normalize-css/

来源

2015-01-01 10:32:33

CSS：删除多余的空间，当2周的div是在Chrome

回答

相关问题