Question

我试图将lorem ipsum示例文本浮动到图像和div容器的右侧。我把浮子设置为右边没有运气，因为它仍然位于图像下方。

提前致谢。

<html>

<head>
  <title>Div Test</title>
  <link rel="stylesheet" type "text/css" href="chandra.css" />
</head>

<body>
  <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>


    <div id="paragraph">
      <p>
        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has
        survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
        publishing software like Aldus PageMaker including versions of Lorem Ipsum.
        </br>
        </br>
        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has
        survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
        publishing software like Aldus PageMaker including versions of Lorem Ipsum.
        </br>
        </br>
        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has
        survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
        publishing software like Aldus PageMaker including versions of Lorem Ipsum.
      </p>
    </div>

  </div>
</body>

</html>

{{1}}

Answer 1

这就是我所做的：

CREATE OR REPLACE FUNCTION public.decrement_user_followers()
    RETURNS trigger
    LANGUAGE plpgsql
    AS $function$ 
    BEGIN
      UPDATE users SET unit_followers = unit_followers - 1 WHERE id = OLD.user_id_followed;
      UPDATE users SET unit_following = unit_following - 1 WHERE id = OLD.user_id_follower;
    RETURN OLD;
    END $function$;

Here is the JSFiddle demo

Answer 2

试试这个：）

<head>
    <title>Div Test</title>
    <link rel="stylesheet" type "text/css" href="chandra.css" />
</head>
<style>
    #inner {
        width: 23%;
        height: auto;
        padding-bottom: 20px;
        float: left;
    }

    #paragraph {
        width: 77%;
        height: auto;
        float: right;
    }

    #image {
        width: 23%;
        height: auto;
        position: static;
    }
</style>

<body>
    <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="paragraph">
        <p>
            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
            </br>
            </br>
            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
            </br>
            </br>
            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
        </p>
    </div>
    <div id="image">
        <img src="binary.jpg" alt="Binary" style="width:226px;height:170px;">
    </div>
    </div>
</body>

</html>

div / image的浮动文本

2 个答案: