您的当前位置：首页 html上的div和表格位置不同浏览器错位怎么办_html/css_WEB-ITnose

html上的div和表格位置不同浏览器错位怎么办_html/css_WEB-ITnose

来源：舟格财经

我用Dreamweaver的html和css弄了下面这个表：

方框都是用table做的，一列是一个table，有多少列就有多少个table。

箭头都是另建的div做的，一个箭头是一个div。

问题是如果我将屏幕缩小，或者换一个浏览器，方块和箭头就会错位：如下所示：

请问怎么可以让这两个一体呢？一起放大缩小，位置一起变。
部分代码如下：

			ROE 	← 	Financial Leverage 	← 	ROA  	 
 
  	← 
	
 	  	Net Margin 	
		 {{dupont.Net_Margin}} 	
	
	
Asset Turnover 	
		 {{dupont.Asset_Turnover}} 	
		 
。。。。 	← 
	
  	←

谢谢了。

回复讨论(解决方案)

不太好搞。不可以用png作一张图吗？如果不让用png试试svg

不可以，因为我用的是Python 和django连接sql 数据库，方块里面显示的数据，是从数据库读取的，不是一个图片而已。

这和绝对定位什么的有关么？

布局肯定是有问题的，要不就是你的DIV箭头设置的高度不够，箭头的地方从上到下设置成一个DIV用padding写箭头出现的位置，这样应该就不会错位了。

我加了一个父级和子级的div，可是还是不行啊

箭头可以设置为背景图片

每个箭头设置为一个背景图片，放大缩小的时候，位置还是变。。

看着都头疼,全部用绝对定位吧箭头用背景图片