Question

我是css的新手，我需要使用之前的程序员在coldfusion中创建的现有设计添加一些额外的页面。但是当我在我的代码末尾应用footer.cfm时，无论我做什么，页脚都显示在右侧，而不是在我的表单的底部。它没有响应html br或p标签。

我试图用Google搜索并按照w3schools.com p.test（参见下面的换行符css代码），它什么也没做。

p.test {
   word-break: break-all;
}

footer.cfm看起来像这样：

    <br>
    <hr>
    <div class="FooterText">
     xxxxxxxx.com Help Desk:  xxx.xxx.xxxx | Copyright © 2008 xxxxxxx.com | 
     report website problem to webmaster@xxxxxxx.com
  </div>
 </body>
</html>

页脚的CSS看起来像这样：

.FooterText {font: 0.7em  Book Antiqua, Georgia, Times New Roman, serif; 
 font-size: 12px; color: #4f4f4f; margin-left:-310;}

我的一个页面使用了jquery标签，每个标签内都有一个表单，我的代码如下所示：

//Edit the counter/limiter value as your wish
var count2 = "500"; //Example: var count = "175";
function limiter2() {
  var tex2 = document.myform.meetingschedule.value;
  var len2 = tex2.length;
  if (len2 > count2) {
    tex2 = tex2.substring(0, count2);
    document.myform.meetingschedule.value = tex2;
    return false;
  }
  document.myform.limit2.value = count2 - len2;
}

ul.tabs {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  height: 32px;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #999999;
  width: 800;
}
ul.tabs li {
  float: left;
  margin: 0;
  cursor: pointer;
  padding: 0px 21px;
  height: 31px;
  line-height: 31px;
  border: 1px solid #999999;
  border-left: none;
  font: Georgia, Times New Roman, serif;
  font-weight: bold;
  color: #454545;
  font-size: 0.8em;
  background: #EEEEEE;
  overflow: hidden;
  position: relative;
}
ul.tabs li:hover {
  background: #CCCCCC;
}
ul.tabs li.active {
  background: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
.tab_container {
  border: 1px solid #999999;
  border-top: none;
  clear: both;
  float: left;
  width: 800;
  background: #FFFFFF;
}
.tab_content {
  padding: 20px;
  font-size: 1.2em;
  display: none;
}

<div class="tab_container">
  <!--- The Tab container holder --->
  <div id="tab1" class="tab_content">
    content of first tab, form1
  </div>
  <div id="tab2" class="tab_content">
    content of second tab, form 2
  </div>
  <div id="tab3" class="tab_content">
    content of third tab. form 3
  </div>
</div>
<p class="test">
  <cfinclude template="footer.cfm">
</p>

当我将footer.cfm放在最后一个div标签的末尾时，即使在使用w3schools.com之后，页脚也不会进入表单标签下方。它显示在表单选项卡的右侧。

Answer 1

问题似乎是由extension=php_oci8_11g.dll上的float:left引起的。

试试这个：

tab_container

它应该解决你的问题

您可能还想将p.test { clear:left; }更改为p，因为看起来您正在其中插入其他div（并且div s不能是div的子项{1}} S）

Answer 2

看起来这个问题是由你的tab_container上的float：left引起的。

试试这个：

p.test {clear：left; }

它应该解决你的问题

我的场景中的css换行符

2 个答案: