解密网站代码

时间:2015-06-14 07:24:49

标签: html css

作为我教育的一部分,我正在阅读以下网站的代码,并试图找出它们如何组合在一起。

http://p.w3layouts.com/demos/resume_pages/web/

我的问题;在检查'.logo h1 a'(左上角的'Resume'一词)时,我看到它向左浮动,有0个边距,没有额外的定位。那么为什么元素不会与页面的左边缘“齐平”?是什么指示元素以它的方式定位?

1 个答案:

答案 0 :(得分:1)

' .logo h1 a'坐在div标签内,带有一个' header_style1'。

' header_style1'坐在一个div标签里面,上面有' wrap'。如果你看一下' .wrap'的CSS代码。您将看到设置宽度为80%并且也以页面为中心。

因为' .logo h1 a'最终坐在' .wrap'标记,它被加载到该标记的左侧。