<!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=utf-8" />
<title>无标题文档</title>
<style>
.header{width:960px;height:60px;padding:0}
.img-logo{width:120px;height:60px;margin:0}
.header_in{width:840px;height:60px;margin:0;background:#ccc}
</style>
</head>
<body>
<div class="header">
<div class="img-logo"></div>
<div class="header_in">
</div>
</div>
</body>
</html>在DW中 header_in 没有出现在 header 块元素的内部右侧,但 img-logo 块元素没有出现问题,我知道块元素都是由上至下分布,但为什么 img-logo 块元素没有出现这样的问题,我现在也能利用relative将 header-in 调整到 head 的内部右侧,同时我发现对 header_in 设置 margin-left时,margin是相对最外一层的 header 移动的,而不是 相对 img-logo 元素,这是为什么?margin不是相对于相邻元素的边距吗,怎么会和左侧离他较远的父级元素 header 产生交集呢,为什么不是img-logo?文笔措辞不是很好,希望有前辈能解答一下,自己学做网页的时候卡在这很多天了!
1 回答
- 1 回答
- 0 关注
- 1375 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消