Question

我想让它保持在最顶端和最左边，但仍有空间。

有人可以告诉我如何使它全宽吗？

enter image description here

我的css代码

body
{
height:100%;
width:100%;
background : url('4163-16y6220.png');
}

.transbox 
{
background : black;
opacity : 0.2;
width : 100%;
margin: 0;
padding: 0;
}

我的HTML

<!DOCTYPE html>
<html>
<head>
    <title>
        Example
    </title><link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="transbox">Home dasdahbbjb</div>
</body>
</html>

Answer 1

您需要重置您的HTML文档。使用 Normalize.css

等重置

这会将所有元素重置为0。 <{1}}，margin等将设置为默认值。

Here 是另一种重置：

padding

更多信息，请点击此处：css-reset

Answer 2

尝试使用margin-left: -10px;

制作div

或任何适合您需要的东西。

这可能是最好的方法，但它会这样做。

这是一个帮助的codepen。

http://codepen.io/anon/pen/ZGBGrL

Answer 3

好吧，所有这些人只使用opacity : 0.2;解决了代码问题，但实际上已经过时，因为你可以使用rgba colors w3schools rgba examples

示例

使用不透明度定义不同的RGB颜色：

#p1 {background-color: rgba(255, 0, 0, 0.3);} /* red with opacity */ #p2 {background-color: rgba(0, 255, 0, 0.3);} /* green with opacity */ #p3 {background-color: rgba(0, 0, 255, 0.3);} /* blue with opacity */

互联网上有很多工具并不是最推荐使用的，因为否则你什么都不会学习，但是嘿，这是一个链接 css3maker.com

你可以在顶部做什么是div风格透明和div，你应该去背景的颜色

Answer 4

将padding和margin 0添加到body

body
{
  height:100%;
  width:100%;
  background : url('4163-16y6220.png');
  padding:0;
  margin:0;
}

http://jsfiddle.net/gen7wpkm/1/

Answer 5

仅添加

p3

如何使“transbox”全宽

5 个答案: