-1

你好我有一个问题，我正在为我的 Xbox 部落创建一个部落网站，这是代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>MxS Offical Website</title>
<link href="./css/index.css" rel="stylesheet" type="text/css" />
<link href="./css/box.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="nav">
<a href="http://www.youtube.com">xTech</a>
<div class="menu">utubeuser</div>
<div class="menu">utubeuser</div>
<div class="menu">utubeuser</div>
<div class="menu">utubeuser</div>
<div class="menu">utubeuser</div>
</div>
<div id="header"><div style="position:absolute; top:46px; left:50px">
<br><br>

<a href="https://www.facebook.com/pages/Mxs-Clan/474428962653273?ref=hl" target="_blank" align="right"><img src="http://www.niftybuttons.com/3d/facebook.png"></a><a href="http://www.youtube.com/" target="_blank" align="left"><img src="http://www.niftybuttons.com/3d/youtube.png"></a>

<div id="boxes">
<div id="left">
<div id="box-top-green">Box 1</div>
<div id="box-centro">MxS II Tankz (Leader) 
                    <br>
                    MxS II Tacks (Co Leader)
  <br>
                    MxS II xTech (Tech) 
  <br>
                    MxS II --- 
  <br>
                    MxS II --- 
  <br>
                    MxS II --- 
  <br>
                    MxS II --- 
  <br>
                    MxS II --- 
  <br>
                    MxS II --- 
  <br>
                    MxS II --- 
  <br>
                    MxS II ---</div>
<div id="box-abajo"></div>

<a href="user.php" target="_blank" align="right"><img src="img/acc.png"></a></div>
</div>


<br><br><br><br><br><br><br><br><br>
<br><br><br><br>
<div id="right">
<div id="box_top_green">Box 4</div>
<div id="box_centro">Box 100% expandible</div>
<div id="box_abajo"></div>
<div id="box_top_green">Box 5</div>
<div id="box_centro">Box 100% expandible</div>
<div id="box_abajo"></div>
</div>
</div>





</head>
<body>

<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>
<br><br><br><br><br>



<div id="footer">Site Made By xTech - Zac<div style="width:300px; float:right;">All rights to there respective owners</div></div>


</body>
</html>

嗯，问题是当我将文本放入框一（MXS II - BR MXS II - BR 一遍又一遍）时，br 向下移动其他框框 4 和框 5 有没有办法阻止这种情况发生，我不想将框 1 代码放在框 4 和 5 的其他代码下，请帮助。

4

2 回答 2

1

浏览器不支持制作这么多br..并且不同的浏览器在呈现html代码方面存在差异..所以使用CSS代码重新定位框..您可以使用margin，top等重新定位div

于 2013-08-10T07:25:51.153 回答
0

如果您不想移动 Box4 和 Box5，则将div overflow属性放在 Box1 中，这样当 Box1 中的内容增加时，它会显示滑块。这是你需要的然后尝试使用溢出属性。

于 2013-08-10T07:22:31.610 回答