如何修复HTML格式浏览器调整大小

-1

嗨，我是新来的CSS和我有一个编码问题，我有4个div在我的HTML页面，我安排他们两个左边和两个右边的头。我的问题是，当我重新调整浏览器窗口的大小，我的div在右边的标题正在向下移动，我该如何解决这个问题，以及如何能够与标题的距离相等的div。如何修复HTML格式浏览器调整大小

这里是我的网站的形象是什么样子http://postimg.org/image/pg1oay3wl/

请找我的HTML和CSS这里jsfiddle.net/hmz7g

请帮我在他的问题.....在预期

谢谢您帮帮我。

来源

2013-11-05 Ajay

[我的网站或项目中的某些内容不起作用。我可以只粘贴一个链接吗？]（http://meta.stackexchange.com/questions/125997/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste -a链接到它） – Liam

在div中包装多个div将解决此问题。

E.g.

<div id="wrapper"> 

    <div id="box1" class="left"> 
    </div> 

    <div id="box2" class="left"> 
    </div> 


    <div id="box3" class="right"> 
    </div> 

    <div id="box4" class="right"> 
    </div>

你可以做一个“包装”里面所有的箱子div的，使“阶级”对所有的盒子浮向左或向右CSS。

E.g.

#wrapper{ 

width:900px; 
height:auto; 
position:relative; 

} 

.left{ 

float:left; 

} 

.right{ 

float:right; 

} 

#box1{ 
    height:50px; 
    width:50px; 
    position relative; 
    background-color:#0F0; 
} 

#box2{ 
    height:50px; 
    width:50px; 
    position relative; 
    background-color:#00F; 
} 

#box3{ 
    height:50px; 
    width:50px; 
    position relative; 
    background-color:#C30; 
} 

#box4{ 
    height:50px; 
    width:50px; 
    position relative; 
    background-color:#90F; 
}

我给每个盒子上色的方式不同，并且定位了他们如何描述上面想要的。您可以使用我的示例重新调整它们的大小/颜色，以给您一个更好的主意。

我希望这会有所帮助。

来源

2013-11-05 06:53:47 cactusboat

如何修复HTML格式浏览器调整大小

回答

相关问题