html把divs放在同一行

我正在一個側面有一個菜單的html網站上工作，當我按菜單按鈕時我想在菜單的側面顯示一個隱藏的div彈出窗口，但是，當它這樣做時將一切都移動下來html把divs放在同一行

下面是一些代碼：

<div style="display:none; padding-left:670px; padding-right:5px; float:left" id="second"> 
    <br /> 
    <br /> 
    <br /> 
    <br /> 
    <br /> 
    <br /> 
    <br /> 
    <br /> 

    <font color="#33FF66"><h2 style="cursor:pointer" onclick="showabout()">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h2></font> 

    <font color="#33FF66"><h2 style="cursor:pointer" onclick="showabout()">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h2></font><br /> 

    <font color="#33FF66"><h2 style="cursor:pointer" onclick="showabout()">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h2></font> 

</div> 

function showabout(){ 
    show = document.getElementById("aboutus"); 
    show.style.display = "block"; 
    } 

<div style="display:none; padding-left:20px; float:left" id="aboutus"> 
    <h2>Hey</h2> 
</div>

所以，當我按任意它的showabout()三個h2標籤。其中顯示了隱藏的hello標記，但是這會移動一切關於如何不移動任何東西的想法？

來源

2011-05-12 user541597

通過查看代碼示例，你可能想看看像http://htmldog.com/ 你不應該使用字體標籤來...永遠。 – Loktar 2011-05-12 03:06:59

div是根據定義的block level element。如果您不想在它後面換行，則需要將其設置爲display: inline;。（show.style.display = "inline";）

來源

2011-05-12 03:05:00 Ben

刪除這些字體標記。

<div style="display:none; padding-left:20px; position:absolute; top: 100px; left:100px;" id="aboutus"> 
<h2>Hey</h2></div>

你將不得不與像素值發揮，但將允許在該分區的彈出效果。我建議你做一些定位教程，讓你瞭解它的工作原理。

http://www.alistapart.com/articles/css-positioning-101/

來源

2011-05-12 03:12:29 sweetroll

html把divs放在同一行

回答

相關問題