Question

我正在创建一个基于食物的网站，我希望Twitter提要在右侧，但延伸到网站的长度。

HTML

<div id="left">
<p style="font-family:Oswald; color:white; font-size:50">Welcome to fish and dips!</p>
<p style="font-family:Lato;font-size:20;color:white;">sample text</p>
</div>

<div id="right">
<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/FishandDips" data-widget-id="625342290215763968">Tweets by @FishandDips</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div> <!-- this is just a custom twitter feed generated by twitter -->

CSS

.left {
float: left;
}

.right {
float: right;
}

我做错了什么？

Answer 1

你的div元素中有id属性，但是你在css中按类选择。

根据您的需要，您可以将html更改为以下内容：

<div class="left"></div>
<div class="right"></div>

或你的css是这样的：

#left {
    float: left;
}

#right {
    float: right;
}

看看这里：css selectors

Answer 2

如果你没有为你的div定义宽度，它将占用容器的宽度，浮动和右边的大数据时不会生效。它们将占据全宽，从左到右，从右到左

if (LastIndex == 0)
        {
            thumbnail.Parent = this.BoardPanel;
        }
        else
        {
            thumbnail.Parent = this.BoardPanel.Controls[LastIndex-1];

        }
        LastIndex++;

Answer 3

.left {
float: left;
}

.right {
float: right;
}

Class id的“CSS选择器”。“不是“＃”

HTML CSS元素张贴到一边

3 个答案: