css - 将左列添加到网页HTML/CSS

我试图将左列添加到主要由CSS和HTML构建的简单网页中。它基本上只是中间的一幅图像，下面是文本波纹管，右边有一小列描述它。我正在尝试使其看起来像图像是宝丽来图像，我想我已经明白了这一点，但是我很难在网站上添加带有文本的左列...

有人可以帮我吗？

我希望左列现在大约等于左边距的大小...

这是到目前为止的整个网站：https://www.dropbox.com/s/kpr1wy18uvv1ez5/picturesoftoday.zip

我尝试创建一个div'leftcol'，然后将其设为float：left;宽度：200像素；背景颜色：ccc;但似乎没有任何效果。

很抱歉初学者的问题..

谢谢，
卢卡斯

最佳答案

卢卡斯

尝试这个 -

使用此样式：

.leftcol {
    width:170px;
    height:auto;
    float:left;
 }

.polaroid {
    width:930px
    height:auto;
    float:left;
 }

.polaroid img {
    border: 20px solid #fff;
    border-bottom: 75px solid #fff;
    -webkit-box-shadow: 5px 5px 5px #778;
    -moz-box-shadow: 5px 5px 5px #778;
    box-shadow: 5px 5px 5px #778;
  }

将此用于HTML：

  <div class="leftcol">
     <p>Whatever you want in your left column</p>
    </div>
    <div class=polaroid">
       <p>October 29th, 2012<p>
       <img src="images/today.jpg" width="1000" height="670" border="0" />
    </div>

如果要向左浮动一个div，请确保如果要在其旁边浮动一个，则将它们都向左浮动。

关于css - 将左列添加到网页HTML/CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13133960/