Html 如何使侧边栏具有响应性
我希望这个代码是好的,我是一个初学者。我在右边有一个蓝色的侧边栏 对于一个太低,也没有响应,我不知道如何编码这些 东西。多谢各位 html{ 字体系列:投石机MS,Helvetica,无衬线; 颜色:424242; } 身体{ 背景色:D5FAFB; 利润上限:35px; 右边距:50px; 左边距:50像素; } .文本{ 右边距:800px; } img{ 浮动:对; 边框:5px纯黑; 右边距:500px; } h1{ 颜色:232424; 字体大小:50px; 文本对齐:居中; } .侧边栏{ 浮动:对; 背景色:3399FF; 填充:30px; 字体大小:30px; 边缘底部:300px; } 如何照顾菲多 菲多保姆须知 非常感谢您在本周末收看Fido!这是我离开时你需要知道的一切。 这里有一段关于菲多的历史。他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。” Fido对很多食物过敏。Lorem ipsum door sit amet,consetetur sadipscing eliter,sed diam nonumy eirmod temporal invidunt ut labour et dolore magna aliquyam erat,sed diam voluptua 菲多喜欢玩。他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。” 下面是一个清单,列出了你每天应该做的事情 菜单 图画 录像带 接触 陪他走 喂他 抚摸他 如果我不在的时候你有任何问题,我不会提供手机服务,但如果你需要什么,你可以 再次感谢 我不确定这是你想要的。。。但它很漂亮,工作也很好Html 如何使侧边栏具有响应性,html,dynamic,sidebar,Html,Dynamic,Sidebar,我希望这个代码是好的,我是一个初学者。我在右边有一个蓝色的侧边栏 对于一个太低,也没有响应,我不知道如何编码这些 东西。多谢各位 html{ 字体系列:投石机MS,Helvetica,无衬线; 颜色:424242; } 身体{ 背景色:D5FAFB; 利润上限:35px; 右边距:50px; 左边距:50像素; } .文本{ 右边距:800px; } img{ 浮动:对; 边框:5px纯黑; 右边距:500px; } h1{ 颜色:232424; 字体大小:50px; 文本对齐:居中; } .
.sidebar {
position: fixed;
top: 20%;
right: -170px;
}
.sidebar:hover {
right: 0;
}
html{
字体系列:投石机MS,Helvetica,无衬线;
颜色:424242;
}
身体{
背景色:D5FAFB;
利润上限:35px;
右边距:50px;
左边距:50像素;
最小宽度:200px;
溢出x:隐藏;
}
img{
浮动:对;
边框:5px纯黑;
右边距:500px;
}
h1{
颜色:232424;
字体大小:50px;
文本对齐:居中;
}
.侧边栏{
不透明度:0.9;
位置:固定;
最高:20%;
右:-170px;
背景色:3399FF;
填充:30px;
字体大小:30px;
边缘底部:300px;
边界半径:5px 0 5px;
过渡:右0.5s缓进缓出;
}
.侧边栏:悬停{
右:0;
}
.侧边栏{
保证金:5px;
填充:10px;
}
.侧边栏p:悬停{
背景色:RGBA255255,0.3;
}
.侧边栏>跨距{
颜色:白色;
位置:绝对位置;
左:4倍;顶:45%;
}
.侧边栏>跨距{
颜色:白色;
位置:绝对位置;
左:4倍;顶:45%;
不透明度:1;
过渡:不透明度0.5s缓进缓出;
}
.侧栏:悬停>跨距{
不透明度:0;
}
JS-Bin
菲多保姆须知
非常感谢您在本周末收看Fido!这是我离开时你需要知道的一切。
这里有一段关于菲多的历史。他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”
Fido对很多食物过敏。Lorem ipsum door sit amet,consetetur sadipscing eliter,sed diam nonumy eirmod temporal invidunt ut labour et dolore magna aliquyam erat,sed diam voluptua
菲多喜欢玩。他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”
下面是一个清单,列出了你每天应该做的事情
菜单
图画
录像带
接触
«
陪他走
喂他
抚摸他
如果我不在的时候你有任何问题,我不会提供手机服务,但如果你需要什么,你可以
再次感谢