收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1368|回复: 1

[求助] 请看看我这个布局怎么了??

[复制链接]
发表于 2008-2-26 08:01:55 | 显示全部楼层 |阅读模式
这个布局中,我想一行4列,这样排列,可是给li加上float:left也不管用,还是竖排,谁给帮忙看看。谢谢

  1. <style>
  2. body,td,th {
  3.         margin-top:0px;
  4.         font-size: 12px;
  5.         text-align:center;
  6. }
  7. a {
  8.         font-size: 12px;
  9. }
  10. a:link {
  11.         color: #333333;
  12.         text-decoration: none;
  13. }
  14. a:visited {
  15.         text-decoration: none;
  16.         color: #333333;
  17. }
  18. a:hover {
  19.         text-decoration: underline;
  20.         color: #4E667B;
  21. }
  22. a:active {
  23.         text-decoration: none;
  24. }
  25. textarea{
  26.         border:1px solid #ccc;
  27. }
  28. img{
  29.         border:0px;
  30. }
  31. #Survey_IPList{
  32.         width:223px;
  33. }
  34. #head{
  35.         width:770px;
  36.         height:140px;
  37.         background-image:url(../Images/head.gif);
  38. }
  39. #surveyBox,#indexFriend{
  40.         width:770px;
  41.         margin-top:5px;
  42. }
  43. #main{
  44.         width:772px;
  45.         margin-top:5px;
  46. }

  47. #indexFriend{
  48.         border:1px solid #D2E4FC;
  49. }
  50. #indexFriend .main{
  51.         height:55px;
  52. }
  53. #indexFriend .friendBox{
  54.         float:left;
  55.         width:88px;
  56.         margin:3px;
  57. }
  58. #banner{
  59.         width:770px;
  60.         margin-top:5px;
  61. }
  62. #banner .text{
  63.         background:#D2E4FC;
  64.         height:25px;
  65.         line-height:25px;
  66.         padding-left:1em;
  67.         border:1px #FFF solid;
  68.         text-align:left;
  69. }
  70. #box{
  71.         width:770px;
  72.         margin-top:5px;
  73.         margin-bottom:5px;
  74.         }
  75. .guestBookContetn{
  76.         text-align:left;
  77.         padding:5px;
  78.         padding-bottom:15px;
  79. }
  80. .tdLeft{
  81.         text-align:left;
  82.         padding-left:6px;
  83. }
  84. .closeW{
  85.         border-top:1px dotted #A7CAFA;
  86.         height:30px;
  87. }
  88. #guestBook{
  89.         border:1px dotted #A7CAFA;
  90.         margin:5px;
  91. }
  92. #guestBook .touXiang{
  93.         padding-top:3px;
  94.         padding-bottom:3px;
  95.         border-right:1px dotted #A7CAFA;
  96. }
  97. #guestBook .info{
  98.         padding-left:6px;
  99.         text-align:left;
  100.         border-top:1px solid #A7CAFA;
  101. }
  102. #main {
  103.         height:250px;
  104. }
  105. #main_1{
  106.         width:565px;
  107.         border:1px solid #D2E4FC;
  108.         float:left;
  109.         margin-right:5px;
  110.         padding-bottom:5px;
  111. }
  112. #main_2{
  113.         width:198px;
  114.         border:1px solid #D2E4FC;
  115.         float:left;
  116. }
  117. .head_new_flash{
  118.         margin-top:5px;
  119.         margin-left:3px;
  120.         float:left;
  121. }
  122. .head_new_list{
  123.         margin-top:5px;
  124.         float:left;
  125.         text-align:left;
  126. }
  127. .li{        float:left;

  128.         height:25px;
  129.         list-style:none;
  130.         line-height:25px;
  131. }
  132. .title{
  133.         background:#D2E4FC;
  134.         height:25px;
  135.         line-height:25px;
  136.         padding-left:1em;
  137.         border:1px #FFF solid;
  138.         text-align:left;
  139. }
  140. .paihang_content{
  141.         text-align:left;
  142.         height:220px;
  143. }
  144. #clar{
  145.         clear:none;
  146. }
  147. #bottom{
  148.         margin-top:5px;
  149.         padding-top:12px;
  150.         padding-bottom:12px;
  151.         line-height:20px;
  152.         width:770px;
  153.         height:70px;
  154.         border:1px solid #D2E4FC;
  155.         text-align:center;
  156. }
  157. #surveyBox{
  158.         text-align:center;
  159. }
  160. #surveyBox .center{
  161.         width:100%;
  162.         height:auto;
  163.         text-align:left;
  164. }
  165. #surveyBox .name{
  166.     padding:10px;
  167.         text-align:center;
  168.         font-size:18px;
  169. }
  170. #surveyBox .Question_list {
  171.         width:100%;
  172.         height:auto;
  173. }

  174. .Question_title{
  175.     list-style:none;
  176. }
  177. #Question_Tdtz_show {
  178.     width:100%;
  179.         height:auto;
  180.         padding-top:20px;
  181.         padding-bottom:20px;
  182. }
  183. #surveyBox .button{
  184.         width:580px;
  185.         height:30px;
  186.         text-align:center;
  187.         line-height:30px;
  188. }
  189. #surveyBox .button input{
  190.         margin:8px;
  191. }
  192. #surveyBox .backindex{
  193.         width:60px;
  194.         height:30px;
  195.         text-align:center;
  196.         line-height:30px;
  197. }

  198. .Question_item li{
  199.     list-style:none;
  200. }
  201. .Question_item_menu{
  202.     padding-left:30px;
  203. }
  204. #bottom_pagebox{
  205.         line-height:20px;
  206. }
  207. #passwordBox{
  208.         width:300px;
  209.         height:200px;
  210.         margin-top:180px;
  211.         margin-left:30px;
  212.         border:1px solid #D2E4FC;
  213. }
  214. </style>
  215. <div id="surveyBox">
  216. <div class="center"><form id="form_survey" name="form1" action="?" method="post" onsubmit="submit();"><ul type="1" id="midul"><li>其他</li><br><textarea name="answer3" cols="40" rows="5"></textarea><br/><br/><li>吗</li><ul type="1" id="midul"><li><input type="radio" name="answer4" value="0">规划</li><li><input type="radio" name="answer4" value="1">6</li><li><input type="radio" name="answer4" value="2">7</li><li><input type="radio" name="answer4" value="3">8</li><li><input type="radio" name="answer4" value="4">8</li><li><input type="radio" name="answer4" value="5">78</li><li><input type="radio" name="answer4" value="6">78</li><li><input type="radio" name="answer4" value="7">78</li><li><input type="radio" name="answer4" value="8">78</li><li><input type="radio" name="answer4" value="9">78</li><li><input type="radio" name="answer4" value="10">78</li><li><input type="radio" name="answer4" value="11">78</li></ul><br/></ul><input type="hidden" value="5,1" name="Question_type"></div></form></div>
  217. </div>
复制代码
 楼主| 发表于 2008-2-26 08:10:49 | 显示全部楼层
自己解决了。谢谢!!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-8-11 09:25 , Processed in 0.094488 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表