关于HTML的布局问题，没搞懂，希望有人能解答一下
<!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？
文笔措辞不是很好，希望有前辈能解答一下，自己学做网页的时候卡在这很多天了！
王小伙吖浏览 1376回答 1
1回答
-
Thisis
父元素header的高只有60px,所以不能支持你里面的两个元素自上而下分布。你可以给里面的两个元素设置浮动float
随时随地看视频慕课网APP
Html/CSS