Question

我正在尝试应用padding-bottom:90px;，以便可以将Tweets by ‎@StackOverflow（整个tweets区域）向下移动页面。

即再往下，使用上述填充，对我来说这是行不通的，我将如何实现？

我不想使用换行符标签<br>，但这确实增加了换行符，无论如何，我想通过CSS实现Tweets部分的移动。除此之外，我确实添加了<div class="twitterwrapper">，但这仍然无法正常工作。

下面是我的代码：

<!DOCTYPE html>
<html>
    <head>
        <style>
        .twitterwrapper{
            padding-bottom:90px;
            background-color: lightblue;
        }
        </style>
    </head>
    <body>
        <div class="col-12 col-sm-6 col-md-3">
            <div class="twitterwrapper">
                <a class="twitter-timeline" data-width="400" data-height="500" data-theme="light" data-link-color="#E81C4F" href="https://twitter.com/StackOverflow?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" data-chrome="nofooter noborders transparent">Tweets by stackoverflow</a>
                <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
            </div>
        </div>
    </body>
</html>

Answer 1

只需更改：-

.twitterwrapper{

padding-top:90px;
background-color: lightblue;

}

Answer 2

要么添加padding-top值，要么添加负数页边距，因为您提供的代码中没有内容，所以我无法想象您要达到的目标。如果您想制作“广告”，请使用边距和排名来达到预期效果。

通过CSS在HTML页面上应用填充？

2 个答案: