问:最后一步是使用负边距使次要内容与主要内容位于同一行。
该测试说要使用“ .col”,但这同时针对主要和次要对象。我玩过不同的数字,但是不能让中学中学跳到小学旁边。
请帮忙!
index.html
<!DOCTYPE html>
< html >
< head >
< title >显示模式</ title > < link rel = “ stylesheet” href = “ page.css” > < link rel = “ stylesheet” href = “ style.css” > </ head > < body > < div class = “ main-wrapper” > <标头类= “主标头” > <
H1 类= “主标识” > <一个 HREF = “#” >我的工作</一> </ H1 >
< UL类= “主导航” > <礼> <一个HREF = “#” >设计< /一> </李> <李> <一个HREF = “#” >编码</一> </李> <li > < a href
= “#” >书写</一> </李>
<李> <一个HREF = “#” >聘用我!</ a > </ li > </ ul > </ header > < div class = “ primary col” > < h1 >我是前端设计师</ h1 > < p >
我设计了漂亮的用户界面,然后通过HTML,CSS和JavaScript使它们栩栩如生。我喜欢在设计中包括自然,人和日常事物的个人照片。</ p >
< p >如果您需要为您的下一个项目一个前端设计师,<一个HREF = “#” >看看我的作品</一>,然后<一个HREF = “#” >获得触摸</ a >!</ p > </ div > <
“ secondary col” >
< h2 >我也写</ h2 > < p >我喜欢教别人关于最新Web技术的知识。因此,当我不设计或编码网站时,应用程序,你会发现我写<一个HREF = “#” >我的博客文章</一>。</ p > </ div > </ div > </ body > </ html >
style.css
/ *通过在下面编写CSS完成挑战* /
/ *通过在* /下面编写CSS完成挑战。main-header { padding :5 px 5 px 5 px 5 px ; } 。上校,。主标志,。主导航,。main-nav li { display :inline-block ; } 。col { display :inline-block ; } 。次要{边距
右: -300像素;
}
答:我试过了.col,.secondary,.primary的margin-right,margin-left为-5px和其他所有数字。
只是说-5px并不是很有帮助。