TEL:400-8793-956
当前位置:程序、服务器

使用负边距的简单CSS对齐

提问者: 近期获赞: 浏览人数: 发布时间:2021-04-14 09:01:21

 问:最后一步是使用负边距使次要内容与主要内容位于同一行。

 
该测试说要使用“ .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并不是很有帮助。
上一篇: 我应该从服务器端的哪里开始,制作一个简单的表单来从Google电子表格中获取URL?
下一篇: “ sss”和“ sass”中“ $”的含义是什么?