ÃæÏò¶ÔÏóʵÏÖÎÞ·ìÂÖ²¥

<div class="blogpost-body" id="cnblogs_post_body">
<p>ÒÔÏÂÊÇhtml´úÂë，ͼƬ¿ÉÒÔËæÒâ¸ü¸Ä</p>
<div class="cnblogs_code">
  <pre class="blockcode"><span style="color:#008080;"> 1</span> <span style="color:#0000ff;">&lt;!</span><span style="color:#ff00ff;">DOCTYPE html</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;"> 2</span> <span style="color:#0000ff;">&lt;</span><span style="color:#800000;">html </span><span style="color:#ff0000;">lang</span><span style="color:#0000ff;">&#61;&#34;en&#34;</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;"> 3</span> <span style="color:#0000ff;">&lt;</span><span style="color:#800000;">head</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;"> 4</span>     <span style="color:#0000ff;">&lt;</span><span style="color:#800000;">meta </span><span style="color:#ff0000;">charset</span><span style="color:#0000ff;">&#61;&#34;UTF-8&#34;</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;"> 5</span>     <span style="color:#0000ff;">&lt;</span><span style="color:#800000;">meta </span><span style="color:#ff0000;">name</span><span style="color:#0000ff;">&#61;&#34;viewport&#34;</span><span style="color:#ff0000;"> content</span><span style="color:#0000ff;">&#61;&#34;width&#61;device-width, initial-scale&#61;1.0&#34;</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;"> 6</span>     <span style="color:#0000ff;">&lt;</span><span style="color:#800000;">meta </span><span style="color:#ff0000;">http-equiv</span><span style="color:#0000ff;">&#61;&#34;X-UA-Compatible&#34;</span><span style="color:#ff0000;"> content</span><span style="color:#0000ff;">&#61;&#34;ie&#61;edge&#34;</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;"> 7</span>     <span style="color:#0000ff;">&lt;</span><span style="color:#800000;">title</span><span style="color:#0000ff;">&gt;</span>Document<span style="color:#0000ff;">&lt;/</span><span style="color:#800000;">title</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;"> 8</span>     <span style="color:#0000ff;">&lt;</span><span style="color:#800000;">style</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;"> 9</span> <span style="color:#800000;">        section</span><span style="color:#000000;">{<!-- --></span>
<span style="color:#008080;">10</span> <span style="color:#ff0000;">            width</span><span style="color:#000000;">:</span><span style="color:#0000ff;">1000px</span><span style="color:#000000;">;</span>
<span style="color:#008080;">11</span> <span style="color:#ff0000;">            height</span><span style="color:#000000;">:</span><span style="color:#0000ff;">400px</span><span style="color:#000000;">;</span>
<span style="color:#008080;">12</span> <span style="color:#ff0000;">            margin</span><span style="color:#000000;">:</span><span style="color:#0000ff;">100px auto</span><span style="color:#000000;">;</span>
<span style="color:#008080;">13</span> <span style="color:#ff0000;">            position</span><span style="color:#000000;">:</span><span style="color:#0000ff;"> relative</span><span style="color:#000000;">;</span>
<span style="color:#008080;">14</span> <span style="color:#ff0000;">            overflow</span><span style="color:#000000;">:</span><span style="color:#0000ff;"> hidden</span><span style="color:#000000;">;</span>
<span style="color:#008080;">15</span>         <span style="color:#000000;">}</span>
<span style="color:#008080;">16</span> <span style="color:#800000;">        div</span><span style="color:#000000;">{<!-- --></span>
<span style="color:#008080;">17</span> <span style="color:#ff0000;">            position</span><span style="color:#000000;">:</span><span style="color:#0000ff;"> absolute</span><span style="color:#000000;">;</span>
<span style="color:#008080;">18</span> <span style="color:#ff0000;">            height</span><span style="color:#000000;">:</span><span style="color:#0000ff;">400px</span><span style="color:#000000;">;</span>
<span style="color:#008080;">19</span>         <span style="color:#000000;">}</span>
<span style="color:#008080;">20</span> <span style="color:#800000;">        img</span><span style="color:#000000;">{<!-- --></span>
<span style="color:#008080;">21</span> <span style="color:#ff0000;">            width</span><span style="color:#000000;">:</span><span style="color:#0000ff;">1000px</span><span style="color:#000000;">;</span>
<span style="color:#008080;">22</span> <span style="color:#ff0000;">            height</span><span style="color:#000000;">:</span><span style="color:#0000ff;">400px</span><span style="color:#000000;">;</span>
<span style="color:#008080;">23</span> <span style="color:#ff0000;">            float</span><span style="color:#000000;">:</span><span style="color:#0000ff;"> left</span><span style="color:#000000;">;</span>
<span style="color:#008080;">24</span>         <span style="color:#000000;">}</span>
<span style="color:#008080;">25</span> <span style="color:#800000;">        span</span><span style="color:#000000;">{<!-- --></span>
<span style="color:#008080;">26</span> <span style="color:#ff0000;">            position</span><span style="color:#000000;">:</span><span style="color:#0000ff;"> absolute</span><span style="color:#000000;">;</span>
<span style="color:#008080;">27</span> <span style="color:#ff0000;">            width</span><span style="color:#000000;">:</span