LorryLu0416
2017-11-22 07:00
采纳率: 88.2%
浏览 1.0k
已采纳

菜鸟初学CSS_float: 如果不设置float,toolbar将不会在body里面,求解为什么?

 <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
                <style>
            body 
{
    background-color:white;
    color:black;
    border:2px solid red;
    float:left;
}
ul 
{
    float:left;
    width:100%;
    padding:0;
    margin:0;
    list-style-type:none;
}
a 
{
    width:7em;
    color:white;
    background-color:black;
    padding:0.2em 0.6em;
    border-right:1px solid white;
    text-align:center;
    float:left;
}
a:hover {background-color:gray;}
li {display:inline}
        </style>
    </head>
    <body>
        <base target="_blank">
        <ul>
            <li><a href="https://www.baidu.com">Baidu</a></li>
            <li><a href="https://www.taobao.com/">TaoBao</a></li>
            <li><a href="https://developer.mozilla.org/zh-CN/">MDN</a></li>
            <li><a href="http://www.bootcss.com/">Bootstrap</a></li>
        </ul>

    </body>
</html>

设置float的效果:
图片说明
不设置的效果:
图片说明
  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • ljp512842796 2017-11-22 07:16
    已采纳

    一看你就是初学者 一定要切记使用完float要clear

                <div class="clear"></div>
    
    评论
    解决 无用
    打赏 举报
  • 查看更多回答(2条)

相关推荐 更多相似问题