Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 在dreamweaver流体网格布局上居中放置两个div_Css_Dreamweaver - Fatal编程技术网

Css 在dreamweaver流体网格布局上居中放置两个div

Css 在dreamweaver流体网格布局上居中放置两个div,css,dreamweaver,Css,Dreamweaver,我一直在尝试使用dreamweaver流体网格系统将两个div置于彼此相邻的中间。我尝试了很多不同的方法来让他们集中注意力。我靠得很近,玩边距游戏,但当我打开窗口调整浏览器窗口大小时,我设置的百分比并没有很好地发挥作用,使div要么太偏左要么太偏右,要么将右侧的div放在桌面和平板电脑屏幕大小之间的一条新线上。我认为问题在于左侧的div,它在dreamweaver的设计布局上具有固定的像素宽度和一些空的网格线空间。我在网上找不到任何答案。。。。。请找个人帮忙。看起来我还得搜索如何把代码放在这里。

我一直在尝试使用dreamweaver流体网格系统将两个div置于彼此相邻的中间。我尝试了很多不同的方法来让他们集中注意力。我靠得很近,玩边距游戏,但当我打开窗口调整浏览器窗口大小时,我设置的百分比并没有很好地发挥作用,使div要么太偏左要么太偏右,要么将右侧的div放在桌面和平板电脑屏幕大小之间的一条新线上。我认为问题在于左侧的div,它在dreamweaver的设计布局上具有固定的像素宽度和一些空的网格线空间。我在网上找不到任何答案。。。。。请找个人帮忙。看起来我还得搜索如何把代码放在这里。对不起。。。。第一次来这里

添加此代码:

* {
box-sizing: border-box; /* Opera/IE 8+ */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
}
框大小CSS属性用于更改用于计算元素宽度和高度的默认CSS框模型

边框框-宽度和高度属性包括填充和边框,但不包括边距

所以,不是保证金

.img {
margin-left: 2.5641%;
}
用填充物做

.img {
padding-left: 2.5641%;
}

您的布局应该很好。

请在您的帖子中添加更多信息,例如解释框大小的作用。
.img {
padding-left: 2.5641%;
}