元素未放置在所需位置：class =「十列」對元素的位置沒有影響

根據web2py文檔頁面分爲十六列，這應該放在第十列但它不起作用，我所有這些都是新的，所以不知道從哪裏開始調試。指針？元素未放置在所需位置：class =「十列」對元素的位置沒有影響

<div class="ten columns"> 
     <nav> 
    <ul> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">Help</a></li> 
     <li><a href="#">Login</a></li> 
     <li><a href="#">Privacy</a></li> 
    </ul> 
    </nav> 
     </div> 
    </header>

ten columns沒有效果。該列表被放置在默認位置（最左邊）。

*Entire File*

<!DOCTYPE html> 
    <head> 
    <title>Web On Steroids</title> 
    {{response.files.append(URL('static','css/skelton.css'))}} 
    {{include 'web2py_ajax.html'}} 
    </head> 
<body> 
    <header class="container"> 
    <div class="ten columns"> 
     <h1>tukker.me</h1> 
     </div> 
    <div class="ten columns"> 
     <nav> 
    <ul> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">Help</a></li> 
     <li><a href="#">Login</a></li> 
     <li><a href="#">Privacy</a></li> 
    </ul> 
    </nav> 
     </div> 
    </header> 
    <section id="main" class="container"> 
    <div class="ten columns"> 
      <h1>Messages With 300 Chars</h1> 
     </div> 
    <div class="sixteen columns"> 
     <a href="#" class="button">Register</a> 
     </div> 
     <footer class="container"> 
     <nav class="sixteen columns alpha omega"> 
     <a href="#">About</a> 
     <a href="#">Terms</a> 
     <a href="#">Contact</a> 
    </nav> 
    </footer> 
</body>

來源

2012-05-15 Ramadheer Singh

我不知道如何解釋這個問題，任何建議都是值得歡迎的。 –

發佈演示或使用jsfiddle.net創建一些我們可以使用的東西 – Huangism

@jangsoft web2py在jsfiddle.net上不受支持我可以在這裏上傳整個東西。 –

看來您使用的是web2py的腳手架應用，目前使用Skeleton的響應電網。這可能有助於查看Skeleton documentation。

注意，class="ten columns"沒有放在第十列的內容，它使十列寬。如果你想要第十列的東西，你應該在它前面加上一個九列寬的div（即class="nine columns"），或者用class="one column offset-by-nine"來抵消它（實際上，你可能希望它比只有一列的寬度只有40px寬）。注意，給定的行內列（包括偏移列）的總數加起來應該不超過16具體來說，你的情況，你可以嘗試：

<header class="container"> 
    <div class="nine columns"> 
     <h1>tukker.me</h1> 
    </div> 
    <div class="one column"> 
    <nav> 
     <ul> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">Help</a></li> 
     <li><a href="#">Login</a></li> 
     <li><a href="#">Privacy</a></li> 
     </ul> 
    </nav> 
    </div> 
    </header>

那會把你的H1頭球前十列和你的導航列在第十列（在h1的右側）。如果您希望導航欄的寬度超過一列（40像素），則只需指定具有所需列數的類（例如，class="four columns"）。請注意，因爲h1 div佔用16個可用列中的9個，所以導航div不應該超過7列寬，否則，它將被推到h1的下方，而不是浮動到右邊（這就是當你將它設置爲10列寬時發生）。

來源

2012-05-15 22:14:29 Anthony

元素未放置在所需位置：class =「十列」對元素的位置沒有影響

回答

相關問題