在div下定位图像

时间:2015-08-19 06:28:39

标签: html css css-float

我无法将图像放在侧边栏div下面 What it looks like

What it needs to look like

我不确定天气我需要使用浮子,位置等。 抱歉这个愚蠢的菜鸟问题,但我无法解决这个问题。

提前致谢。



#outer {
  float: left;
  background-color: white;
  border-style: outset;
  border-width: 5px;
  border-color: rgb(127, 127, 255);
  padding: 5px;
}
#inner {
  float: left;
  position: relative;
  color: white;
  border-style: outset;
  border-width: 5px;
  border-color: rgb(191, 233, 191);
  padding: 5px;
  margin: 5px;
}
#image {
  float: left;
}

<div id="outer">
  <h1> The Chandra space-based X-Ray Observatory</h1>

  <div id="inner">
    <a href="http://science.nasa.gov/astrophysics/focus-areas/black-holes/">Nearby black hole</a>
    <br>
    <a href="http://www.nasa.gov/mission_pages/chandra/news/07-139.html" />'Death Star' Galaxy Black Hole</a>
    <br>
    <a href="http://www.nasa.gov/content/black-holes-have-simple-feeding-habits/">Black Holes feeding</a>
    <br>
    <a href="https://www.nasa.gov/jpl/nustar/tale-of-two-black-holes/">Two Black Holes</a>
    </br>
  </div>

  <div id="image">
    <img src="binary.jpg" alt="Binary" style="width:226px;height:170px;">
  </div>

  <p>
    Lorem Ipsum text
  </p>
</div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

在图像&amp;之前放置段落标记和内容

Lorem Ipsum文本

在图像css。 添加clear:both。希望这是你要找的那个。如果不让我知道。