如果做纵向的颜色条

如果做纵向的颜色条

http://img1.sycdn.imooc.com/climg//59c49a4500010a1115690111.jpg请问,这样的header是横向平铺的,而且不会出现滚动条。

为什么我在css中用同样的方式,不能出现纵向铺开的色条呢?

我的代码:

aside{

width:60px;

background: #2d373c;

}

哪里有问题呢

正在回答

登陆购买课程后可参与讨论,去登陆

7回答

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style type="text/css">

*{

margin:0;

padding: 0;

}

.container{

width:60px;

height:100vh;

background: red;

}

</style>

</head>

<body>

     

     <div class="container"></div>

    <body>

    </html>


这是你想要的效果吗

  • PacificBlue 提问者 #1
    基本差不多了。你看我贴的截图。如果这个竖条的上方有一个横的条,右侧也有一个横条。这种时候当页面没有内容,改变窗口仍然不出现滚动条的做法,应当如何做呢? 因为当上方出现一条固定菜单栏的时候,设定 height:100%, 会让页面多出来一块,从而出现滚动条
    2017-09-26 16:04:23
  • PacificBlue 提问者 #2
    我用position:fixed; 加上 width:100% 或者 height:100%解决了问题,多谢兔斯基头像!
    2017-09-26 16:13:00
怎么都被占用了呢 2017-09-26 16:13:05

那你上面的那个横条可以设置绝对定位或者固定定位。这样它的高度不就不会影响了嘛

提问者 PacificBlue 2017-09-26 13:25:45

输错不能删除???

提问者 PacificBlue 2017-09-26 13:24:37

http://img1.sycdn.imooc.com/climg//59c9e4100001d83409600509.jpg

左边有条菜单栏,白色的点都是图标按钮。这条菜单也是固定的。如何做出这个。如果设置高度的话,要么下面出现白边,要么过长超过窗口,出现滚动条

所以应当如何写呢?

卡布琦诺 2017-09-25 14:00:37
aside{
width:60px;
background: #2d373c;
}

中没有设置高度,设置颜色必须要有高度才可以实现,祝学习愉快!

  • 提问者 PacificBlue #1
    但是如果高度设置了一个特定值 不会自适应页面高度的。会出现滚动条
    2017-09-26 10:40:25
  • 卡布琦诺 回复 提问者 PacificBlue #2
    你这样描述并不能让别人理解你所说的纵向的色条是怎么样的,你设置这纵向的颜色条是干什么用的,设置这颜色条想要达到的效果是什么。因此,还是建议你粘贴代码或者是截图进行标注说明,祝学习愉快!
    2017-09-26 10:53:06
提问者 PacificBlue 2017-09-25 09:07:39

嗯 其实也不需要看我的代码。因为我只是在试图创建一条  上下顶头 并且自适应的色条。所以我就弄了60px的宽度和颜色。但是并显示不出。

Miss路 2017-09-22 15:42:13

请粘贴完整的代码,仅凭这两行代码看不出你的问题,祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师