css中间20px 左右30%.70%

by gothic

HTML

<article>
 <aside>
     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem expedita voluptatum illo quod cum quos quasi repellendus veniam a consequatur doloremque animi tempore ducimus vero sunt accusamus et maxime quam.
 </aside>
    <main>
        hhhhhhh
    </main>
    <section>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui accusantium dolorem molestias itaque exercitationem omnis excepturi cumque eius quam labore odio quibusdam saepe assumenda modi vitae voluptatem eum dolore molestiae.
    </section>
    
</article>

CSS

article{width:100%;}
article:after {content:"";display:table;overflow:hidden;}
aside,section,main {float:left;} 
aside {width:30%;background:blue;margin-left:-10px;}
section {width: 70%;background:red;margin-right:-10px;}
main {width:20px;}