Html 在div上使用背景色

.wrapper{
高度：1200px；
宽度：800px；
溢出：自动；
背景：绿色；
填充顶部：0px；
垫底：0px；
左侧填充：0px；
右边填充：0px；
}
.侧边栏{
背景：灰色；
位置：绝对位置；
左：10%；
顶部：0px；
底部：0px；
宽度：20%；
身高：100%；
浮动：左；
}
.内容{
背景：蓝色；
位置：绝对位置；
左：30%；
右：0px；
顶部：0px；
底部：0px；
宽度：70%；
浮动：左；
}
身体{
填充顶部：0px；
垫底：0px；
左侧填充：0px；
右边填充：0px；
}

史蒂文游戏开发

我想您正在寻找侧栏导航菜单，请尝试下面的代码。我还推荐以下和

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少，
他在乌拉姆科实验室实习，并在普通实验室实习
康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中，两人或两人互为受害者
纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外
傲慢的人，必须为自己的行为负责。
.侧边栏{
背景：橙色；
位置：绝对位置；
左：0；
顶部：0px；
底部：0；
宽度：178px；
}
.内容{
背景：红色；
位置：绝对位置；
左：178px；
右：0；
顶部：0px；
底部：0；
}

背景色之前有空格字符：橙色。因此，浏览器认为该名称是它无法识别的[空白][空白]背景色。我之所以知道这一点，是因为我查看了devtools中的#sidebar元素，得到了

无法识别的规则：background color

，这只有在字符串中存在一些不可见的空白时才有意义。原来你草率的css写作是不可原谅的

#侧边栏{
身高：100%；
宽度：50%；
背景：橙色；
浮动：左；
}
#容器{
高度：800px；
宽度：100%
浮动：左；
背景颜色：灰色；
左侧填充：0px；
右边填充：0px；
填充顶部：0px；
垫底：0px；
}
#内容{
浮动：左；
背景色：红色；
宽度：50%；
身高：100%；
}
身体{
身高：100%；
宽度：100%；
左侧填充：0px；
右边填充：0px；
填充顶部：0px；
垫底：0px；
背景颜色：蓝色；
}

史蒂文游戏开发！
欢迎来到我的网站看看

我是阿伯泰邓迪大学的辍学游戏开发者，我决定再做一次。
看着我学习游戏开发的过程中，我慢慢建立我的第一个3d游戏使用虚幻引擎4。


这是我在粒子上做的一些工作。正如您可能已经注意到的，我们的目标是尝试重新创建Zeld:Windwaker传说中的粒子。
我仍在学习，但这只是一个开始。基本原理是，仍然需要处理爆炸后散落的碎片和烟雾
在ue4粒子编辑器中使用尾部跟随后面。

说真的，这是个谜，但我已经成功了。以下是解决方案：

#sidebar {
    height: 100%;
    width: 50%;
    background-color:orange;
    float:left;
}

“等等，”我听到你说，“那是相同的密码！”。显然不是。在

宽度之间：50%

和

背景色：橙色

是一个我看不见的字符，但它使背景色停止工作

---

在测试代码段时，我最终删除并重新键入了代码，这是我在绝望时所做的。

查看代码段时只显示灰色容器，而不是橙色侧边栏。用提琴查看代码时会显示橙色，隐藏灰色，这很奇怪。无论如何，试着去掉灰色的背景色，看看是否有橙色。笔记我发现边框更容易识别元素大小，因为它们不会像背景色那样重叠。谢谢你的回答，我仍然不明白为什么它不起作用。谢谢，这真的很奇怪，我认为记事本++在跟踪我，因为我手工键入了所有这些，我也看不到任何隐藏字符，我想我会切换回好的旧的普通记事本看看是否有什么变化似乎我键入的所有内容都不起作用，但当我粘贴内容时，他们会再次感谢非常感谢的帮助。这太奇怪了切换到记事本，突然一切都起作用了@我去过那里，做了那件事，买了那张明信片。记事本++通常非常好（我通常不使用Windows，所以我最近没有任何经验）。有时重打会突出一个打字错误，但有时只是这个讨厌的隐形字符。出于好奇，也许值得在N++中显示不可见字符来测试该理论。如果这回答了你的问题，你愿意接受答案吗？我该怎么做？如果你不介意帮我试用dreamweaver的话，我会有新的问题，这样我可以更好地想象我在做什么，而且出于某种原因，我的包装器div似乎不包含我的其他div，我不确定为什么其他div总是适合，因为它们的大小是使用%创建的。我将在问题中发布新代码。对不起，我真的不知道如何使用此论坛，但是否有方法在评论中发布代码？CSS中的大多数附加空格都被忽略。唯一有效的空格是（a）选择器中具有子选择器效果的一些空格，例如

a b{}

，（b）属性中包含引号的空格，例如

字体系列：“Lucida Grande”。背景色周围的空格不会产生影响。@Manngo f
#sidebar {
    height: 100%;
    width: 50%;
    background-color:orange;
    float:left;
}