九五美食网
您的当前位置:首页给li加上float属性后跳出div层_html/css

给li加上float属性后跳出div层_html/css

来源:九五美食网
 给li加了float属性以后 li显示的标签跳出了div框,这是为什么?



按产品分类


  • 礼盒系列

  • 礼盒系列

  • 礼盒系列

  • 礼盒系列

  • 礼盒系列

  • 礼盒系列

  • 礼盒系列

  • 礼盒系列

  • 礼盒系列

  • 礼盒系列

  • 礼盒系列

  • 礼盒系列

  • >>查看全部商品





  • #quyu1 .l .fenlei_menu {
    width: 191px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #666666;
    border-right-color: #666666;
    border-bottom-color: #666666;
    border-left-color: #666666;
    height: auto;
    }


    #quyu1 .l a {
    font-size: 12px;
    color: #666666;
    }
    #quyu1 .l .fenlei_menu h2 {
    padding-top: 7px;
    padding-left: 18px;
    color: #009966;
    }

    #quyu1 .l .fenlei_menu ul {
    padding-left: 18px;
    height: auto;
    }
    #quyu1 .l .fenlei_menu ul li {
    width: 48%;
    padding-top: 13px;
    float: left;
    }




    #quyu1 .l {
    width: 193px;
    overflow: hidden;
    float: left;
    }


    回复讨论(解决方案)

    google -> 闭合浮动元素

    #quyu1 .l .fenlei_menu {
    width: 191px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #666666;
    border-right-color: #666666;
    border-bottom-color: #666666;
    border-left-color: #666666;
    height: auto;
    zoom:1;overflow:auto
    }

    实在不行就用定位呗

    九五美食网还为您提供以下相关内容希望对您有帮助:

    CSS里为什么我给一个DIV加上浮动以后,下面的DIV就把它覆盖了???_百度...

    1、新建一个html文件,命名为test.html。2、在test.html文件内,创建两个div,分别为“第一层”和“第二层”。3、给两个div设置class属性,分别为“aa” 和“bb”,主要用于下面对两个div进行css样式设置。4、在test.html文件的css标签内,使用css初始化页面所有元素的内外边距,设置为0。5、在css

    DIV+CSS布局问题,让两个DIV标签并排

    1、使用css float并排显示:对div设置一个float浮动属性即可解决不并排显示,只要并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。加float浮动实现多个div并排显示。这里对div通设一个浮动,当然实际使用时候,要通排显示div对象的加入css类,就对要同行显示css选择器设置浮动。避免其它...

    CSS怎么把li内容显示在一行?

    使用浮动属性:给li标签添加浮动属性(如float: left;),使所有li元素向同一方向浮动,从而实现内容在一行显示。具体操作步骤如下:创建HTML文件:新建一个HTML文件,例如test.html,用于测试。创建列表:在test.html文件中,使用ul标签创建一个列表。添加class属性:给ul标签添加一个class属性,例如myul,...

    div+css制作横向下拉式菜单方面的问题

    float: left; /* 产生水平菜单 */ position: relative; /* position为非static时才能让子菜单弹出位置相对当前菜单项 */ width: 10em; /* 给菜单项设置宽度 */ } /* 3. 设置二级菜单默认为隐藏状态, 设置弹出时的位置position值很重要 */ li ul { display: none; /* 默认隐藏 */ posit...

    html css如何让div并排显示

    float:left; 定义div 的浮动,当这两个或者更多的div 都是float:left;时,那么它们就会在父元素的框内顺序从左到右排列,而当它们的宽度和大于父元素的宽度时,那么多余出来的div 会被挤换行。cheshi2就是明显被挤换行的例子。定义div 的浮动有很多,大多用float:left;(向左)或者float:right;(...

    ulli设置横排,并除去li前的圆点_html/css_WEB-ITnose

    关键的浮动步骤使菜单横向排列,给li元素添加"float:left;"属性以使每个li浮动在前一个li的左侧,并设置margin-left:10px以确保li之间间隔10像素。CSS定义为:.hvtulli li{float:left;margin-left:10px}。结果如下:菜单变横向了。完成基本布局后,接下来需要优化细节。HTML文件代码如下:ul中li横排,...

    html里面的li里面文字怎样都居中呢??

    1、首先打开可以编写前端代码的编辑器,新建一个test.html文件,HTML文件是前端页面文件,可以在浏览器直接打开查看效果。新建文件后写入基本的代码,如图所示。2、接下来在body标签里面写入一个div标签,并在里面写一个ul标签,ul里面包含四个li标签,并写上1111,2222,3333,4444的文本。同时,还有写入id...

    div css布局中想实现一个层上面有两个层设置但是第三个背景颜色在浏览器...

    显示在浮动的后面了 s3 { background: #00C ;height: 100px;width: 400px;clear:both; /*加上这个就好了*/ }

    html如何让其中一个div浮在另一个div上面

    设置div样式 z-index:auto auto可定义为一个值(整数数字),越大代表越置前,如可定义为: z-index:999。前提是div是定位元素代码实例如下:1、<html> 2、 <body> 3、<style type="text/css"> 3、.div1{ width: 200px; height: 100px; background: red; float: left; } 5、.div2{ ...

    html怎么将两个div并排显示啊?

    在HTML中让两个div并排显示,通常情况下有三种实现方式,包括:(1)设置为行内样式,display:inline-block (2)设置float浮动 (3)设置position定位属性为absolute 以下为三种方式的具体实现代码:1、设置每个div的展现属性为行内样式,示例代码为:<div class="app"> <div style="display:inline-...

    显示全文

    猜你还关注