html - Css 用颜色填充 div 高度

标签 html css colors

<分区>

嘿伙计们,我在设置一个 div 以用 X 颜色填充整个网络时遇到了麻烦(没有高度,它有 30% 的宽度,我想填充网络的其余部分),这是示例:

http://gyazo.com/a074f0c6f86dc2a001aba53c672da03c ,左边的 div 是我想用该颜色垂直填充网页的那个。

最佳答案

也许以下内容可以让您朝着正确的方向开始。

在此示例中,将 htmlbody 标签的高度设置为 100%,然后将左侧面板/div 的高度设置为 100%。

我 float 了两个 div 以获得两列,但还有其他方法可以创建两列布局。

html, body {
  height: 100%;
  margin: 0;
}
.left {
  float: left;
  background-color: beige;
  width: 30%;
  height: 100%;
}
.right {
  float: left;
}
<div class="left">The left panel.</div>
<div class="right">The right panel.</div>

关于html - Css 用颜色填充 div 高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30447620/

相关文章:

html - 如何在html页面中画圆圈?

html - 使用 SVG HTML CSS 的高效连续滚动图

html - 在达到最大高度之前显示滚动条

html - 为什么我的 DIV 不居中?

image - 24位色一维信息的一致内存方式

javascript - 服务器端验证内联显示成功或错误消息

html - 平板电脑/手机中的错误,css 100vh 高度不起作用

jquery - 添加新的 div 效果 jquery

html - 找到模板菜单按钮的颜色代码?

html - firefox 中的超链接颜色根据 URL 变化