大家好,我试图建立一个有’div容器’的网站,在这个div中有三个主要栏目,’div left’,’div middle’和’div right’.
我试图将每列的宽度分别设置为25%,50%和25% – 也使所有div左侧浮动 – 在表格的两侧(div中间)有两个图像.不幸的是,这三个div是分开的线而不是并排.有人有任何提示或建议吗?任何帮助,将不胜感激.
注意:在添加事件时填充中间div(保持表).
<div id = "container" style = "width:100%"> <div id ="left" style = "float: left; width: 25%;"> <?PHP echo $this->Html->image('/img/sideart.jpg'); ?> </div> <div id = "middle" style = "float: center; width: 50%; height: 100%;"> <table cellpadding="0" cellspacing="0"> <tr> </tr> <?PHP foreach ($events as $event): ?> <tr> <td class="actions"> </td> </tr> <?PHP endforeach; ?> </table> </div> <div id = "right" style = "float:right; width: 25%;"> <?PHP echo $this->Html->image('/img/sideart2.jpg'); ?> </div> </div>
解决方法
<div id = "container" style = "width:100%"> <div id ="left" style = "float:left; width: 25%;"> <?PHP echo $this->Html->image('/img/sideart.jpg'); ?> </div> <div id = "middle" style = "float:left; width: 50%;"> </div> <div id = "right" style = "float:left; width: 25%;"> </div> </div>
没有浮动:中心这样的东西.通过将它们全部悬空,它们将彼此相邻排列.
原文地址:https://www.jb51.cc/html/228630.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。