我只想在3列中创建三篇文章,当我在设计模式面板上使用Dreamweaver进行编码时,它们分为三列但是当我使用实时视图或浏览器进行预览时,它不会出现在三列中,可能的代码错误是什么我做?
CSS
.3col { left:0; float:left; top:0; height:100%; width:200px; }
HTML
<section id="otherArticles"> <article> <div class="3col"> <header><h3>Lorem ipsum dolor sit amet</h3></header> <p>Rutrum vitae vestibulum condimentum metus. Donec magna leo sapien augue tellus,phasellus erat,adipiscing lectus phasellus enim nulla,eu aliquam soDales</p></div> </article> <article> <div class="3col"> <header><h3>Lorem ipsum dolor sit amet</h3></header> <p>Rutrum vitae vestibulum condimentum metus. Donec magna leo sapien augue tellus,eu aliquam soDales</p></div> </article> <article> <div class="3col"> <header><h3>Lorem ipsum dolor sit amet</h3></header> <p>Rutrum vitae vestibulum condimentum metus. Donec magna leo sapien augue tellus,eu aliquam soDales</p></div> </article> </section>
解决方法
HTML ID和CSS类不能以数字开头!将3col更改为类似列.
CSS:
<style> .column { float: left; width: 200px; } </style>
HTML:
<div class="column"> <h3>Test</h3> <p>Rutrum vitae vestibulum condimentum metus...</p> </div>
原文地址:https://www.jb51.cc/html/223894.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。