Question

在任何浏览器中定位div的最佳方法是什么，所以我有以下设置：

div all（包括以下所有div，宽度为800像素，中心位于页面中间）

div内容（以div为中心）

div菜单左（在div all内）和一个li与我的菜单项和固定距离从div的左边界10 px）

div菜单右（在所有div内）和div菜单相同但从右侧10 py

所以

div all（div内容，div菜单左，div菜单右）

如果我调整浏览器的大小，则会一直到达div all size（800px）。你猜这叫液体。

2 个答案:

答案 0 :(得分：0)

答案 1 :(得分：0)

Answer 1

它被称为液体布局，这是一篇涵盖它的文章 http://www.maxdesign.com.au/articles/liquid/

Answer 2

实验使用％not px;看到？

现在尝试使用媒体屏幕：

<pre>
@media screen and (max-width: 1099px) {
/*your css code for small resolution*/
}

@media screen and (min-width: 1100px) {
/*your css code for big resolution*/

}
</pre>

看看这个：http://jsfiddle.net/Csje2/

css在浏览器中定位div

2 个答案: