CSS集中和降低div容器的高度

这里我正在编辑wordpress插件的CSS。该插件的目的是在用户可以阅读的网站顶部添加一个固定位置框，并在您滚动网站时单击链接。CSS集中和降低div容器的高度

header

是我遇到的问题是，我想框匹配主要景点“深蓝”乐队的高度。更改CSS并使用喜欢的高度：80％;在这里工作不太方便。

我也想把浅蓝色的盒子居中（我也会改变它的宽度以适应它所容纳的内容）。

这是我第一次使用CSS，所以我不知道我在这里做什么。我无法直接编辑代码，只需放入CSS“选项”即可。

我的代码是：

<div id="topbar" style="position:fixed; top: 20; padding:0; margin:0; width: 50%; z-index: 99999;opacity:.7; height:80%;" > 
<div id="wptbheadline1" style="background-repeat: no-repeat; vertical-align:middle; family:georgia; padding-right:10px; padding-left:10px;" >Check out our Twitter 
    <a style="" HTML Option B</a> 
</div> 
</div>

来源

2015-03-13 jakeinmn

你忘了在这里添加一个单元：'top：20;' – Adrift 2015-03-13 17:07:39

你知道“深蓝色”乐队的高度吗？ – 2015-03-13 17:14:23

Paulie，当我期望浏览器中的元素告诉我它的960x28，所以我猜这是28px。我试着添加高度：28px;但没有任何变化我试着添加top：20;在wptbheadline1的样式行上，但没有任何变化。 – jakeinmn 2015-03-13 17:34:23

我想这就是你要找达到的目标;见下文。

#topbar {background: orange;color:#fff;} /* ignore this css */

<div id="topbar" style="position:fixed; top: 20; padding:7px 0; margin:0; width: 50%; z-index: 99999;opacity:.7; transform: translateX(50%); text-align: center" > 
 
<div id="wptbheadline1" style="background-repeat: no-repeat; vertical-align:middle; family:georgia; padding-right:10px; padding-left:10px;" >Check out our Twitter 
 
    <a style="" HTML Option B</a> 
 
</div> 
 
</div>

调整padding :7px 0;以适应高度。

来源

2015-03-13 17:12:42 Aaron

这个转换为我工作。我不打算使用填充更改，因为我想让酒吧拥抱顶部，但这两个选项仍然导致酒吧过度。 – jakeinmn 2015-03-13 17:31:52

CSS集中和降低div容器的高度

回答

相关问题