图片不会进入div

我制作了一个包装div，文本div和图像div浮动到右侧。一个简单的任务，是的，但似乎今晚不适合我。我无法使其工作并卡住。图片不会进入div

这里是它的外观现在：http://bit.ly/RNinCm

CSS：

introwrapper { 
    width: 938px; 
    background-color: white; 
    margin-bottom: -20px; 
    padding-left: 5px; 
} 

.introtekst { 
    font-size: 30px; 
    text-transform: uppercase; 
    font-family: Arial, Verdana, sans-serif; 
    color: #a81c11; 
} 

.gammeltbilde { 
    float: left; 
}

HTML：

<div id="introwrapper"> 
     <div class="introtekst"> 
      <p>Some text here.</p> 
     </div> 
     <div class="gammeltbilde"> 
      <img src="bilder/kjiptbilde.jpg" alt="bilde fra parken"/> 
     </div> 
</div>

来源

2012-10-22 user1736049

改变你的CSS像这样：

.introtekst { 
    font-size: 30px; 
    text-transform: uppercase; 
    font-family: Arial, Verdana, sans-serif; 
    color: #a81c11; 
    display:inline; 
    width: 80%; /* or dependent on what you like */ 
    float: left; 
} 

.gammeltbilde { 
    float: right; 
    display:inline; 
    width: 20%; /* relative to width for introtekst */ 
}

来源

2012-10-22 19:44:45 legendofawesomeness

图片比容器大，尽量在图像上设置尺寸：

<img src="bilder/kjiptbilde.jpg" alt="bilde fra parken" width="800" />

（800使它合适，但根据需要可能要改变这种状况。）

来源

2012-10-22 19:40:06

不管我给它的大小仍然不能进入我打算容器。我试过800（非常大）和20。 – user1736049

你可以放置一个width="800px"标签的IMG，但我会建议实际上尽可能远离那些，并且实际上调整Photoshop中的图像或类似的程序。如果您的网页上有大量使用width标记缩小的图片，则您的网页加载时间可能会相当长。

来源

2012-10-22 19:45:09 Nathron

你可以只取出<img src="bilder/kjiptbilde.jpg" alt="bilde fra parken">

来源

2012-10-22 19:52:54 howderek

击败目的，不是吗？ – user1736049

：D 什么目的？ Assignment4？ – howderek

图片不会进入div

回答

相关问题