PROSAGA码农传奇-边缘智能服务-我需要一个固定宽度容器中的图形和图像，以跨越浏览器窗口的整个宽度

0# 早岁那知世事艰 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”>
  <P>
    根据你现在拥有的，这将工作正常。
  </p>
  <P>
    我在“figure”元素之前结束了“article”元素，然后我再次打开它。
  </p>
   <pre>
    <code>
      </article>
  <figure class="image-x-large">
      ....
  </figure>
<article class="content">

</code>
  </pre>
  <P>
    CSS调整是删除
     <code>
      .content
    </code>
     来自你的“图”类规则的类。
  </p>
   <pre>
    <code>
      figure.image-x-large {
   ....
}
figure.image-x-large .img img {
   ....
}
figure.image-x-large figcaption {
   ....
}

</code>
  </pre>
  <P>
    工作样本
  </p>
  <P>
  </p>
  <div class =“snippet”data-lang =“js”data-hide =“false”>
    <div class =“snippet-code”>
       <pre class="snippet-code-css lang-css prettyprint-override">
        <code>
          @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900);
body {
  font-family: "Source Sans Pro", sans-serif;
  line-height: 1.5;
  font-size: 18px;
  background-color: snow;
}

.content {
  width: 1230px;
  margin: 0 auto;
  padding: 0;
  overflow: visible;
}
.content .story-content-width, .content h3, .content p {
  padding-left: 200px;
  padding-right: 200px;
  width: 830px;
  position: relative;
}
.content h3 {
  font-size: 25px;
  color: SteelBlue;
}
figure.image-x-large {
  display: table;
  width: 100%;
  margin: 0;
}
figure.image-x-large .img img {
   /* position:absolute;
	left: 0;*/
  width: 100%;
  /*   min-width: 1230px;*/
  height: auto;
}
figure.image-x-large figcaption {
  text-align: center;
  font-size: 14px;
  border-bottom: 1px solid powderblue;
  padding-bottom: 15px;
}
        </code>
      </pre>
       <pre class="snippet-code-html lang-html prettyprint-override">
        <code>
          <article class="content">
  <h3>This is a headline</h3>
  <p>Across the centuries brain is the seed of intelligence, citizens of distant epochs, consciousness Apollonius of Perga billions upon billions Drake Equation network of wormholes another world Sea of Tranquility intelligent beings preserve and cherish
    that pale blue dot citizens of distant epochs globular star cluster network of wormholes another world? Vangelis Euclid hydrogen atoms tendrils of gossamer clouds quasar kindling the energy hidden in matter Cambrian explosion citizens of distant epochs
    dream of the mind's eye, a mote of dust suspended in a sunbeam rings of Uranus Orion's sword made in the interiors of collapsing stars. How far away. Across the centuries intelligent beings.</p>
  <p>Corpus callosum courage of our questions how far away rogue circumnavigated hearts of the stars realm of the galaxies gathered by gravity cosmos, quasar extraplanetary. Of brilliant syntheses Drake Equation network of wormholes dispassionate extraterrestrial
    observer made in the interiors of collapsing stars dispassionate extraterrestrial observer hydrogen atoms culture astonishment another world paroxysm of global death dispassionate extraterrestrial observer prime number hundreds of thousands vanquish
    the impossible ship of the imagination. Descended from astronomers trillion descended from astronomers. Ship of the imagination encyclopaedia galactica, courage of our questions. Are creatures of the cosmos?</p>

</article>
  <figure class="image-x-large">
    <span class="img ">
      <img src="http://www.fillmurray.com/1250/750" class="" alt="">
    </span>

<figcaption>
      <div class="caption">Franck Bacquet stands outside Ohm Force's first real office in 2006. The signage advertises French Fries and kebabs.</div>
      <div class="credit">&nbsp;Image: Ohm Force</div>
    </figcaption>
  </figure>

<article class="content">
  <p>At the edge of forever as a patch of light with pretty stories for which there's little good evidence rings of Uranus tesseract radio telescope of brilliant syntheses, made in the interiors of collapsing stars astonishment Cambrian explosion prime number.
    The ash of stellar alchemy take root and flourish bits of moving fluff, citizens of distant epochs consciousness as a patch of light how far away. Sea of Tranquility prime number inconspicuous motes of rock and gas rich in mystery a still more glorious
    dawn awaits galaxies great turbulent clouds citizens of distant epochs. Astonishment vanquish the impossible Hypatia.</p>
  <p>Hundreds of thousands radio telescope, courage of our questions shores of the cosmic ocean dream of the mind's eye, kindling the energy hidden in matter Euclid. The sky calls to us, a still more glorious dawn awaits! Light years. Descended from astronomers
    cosmic fugue, a billion trillion Flatland extraordinary claims require extraordinary evidence gathered by gravity birth Sea of Tranquility, Vangelis two ghostly white figures in coveralls and helmets are soflty dancing, birth tesseract, tingling of
    the spine, ship of the imagination hydrogen atoms, not a sunrise but a galaxyrise cosmic fugue and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
  <p>The ash of stellar alchemy take root and flourish bits of moving fluff, citizens of distant epochs consciousness as a patch of light how far away. Sea of Tranquility prime number inconspicuous motes of rock and gas rich in mystery a still more glorious
    dawn awaits galaxies great turbulent clouds citizens of distant epochs. Astonishment vanquish the impossible Hypatia.</p>
</article>
        </code>
      </pre>
    </DIV>
  </DIV>
  <P>
  </p>
</DIV>

1# 薄情 | 2019-08-31 10-32

2# 大黑骡子王 | 2019-08-31 10-32