Question

您好我有问题，我正在为我的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>

问题是当我把文字放在方框1（MXS II-BR MXS II-BR一遍又一遍）时，br向下移动到另一个方框4＆amp;方框5 有没有办法阻止这种情况发生，我不想把方框4和5的其他代码放在方框4和5的帮助下。

Answer 1

浏览器不支持制作如此多的br ..不同的浏览器在渲染html代码方面有所不同。所以使用CSS代码重新定位框。你可以使用margin，top等来实现重新定位div

Answer 2

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

HTML <br/>代码影响我的其他代码

2 个答案: