块级元素里得高度不变

来源:12-2 我要独占一行 - 块级元素

ckun

2016-11-08 10:25

元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。  希望有代码谢谢

写回答 关注

4回答

  • Blizzard_lihe
    2016-11-09 17:05:30

    内联元素是不可以控制宽和高、margin等;并且在同一行显示,不换行。
    块级元素时可以控制宽和高、margin等,并且会换行。

    inline:使用此属性后,元素会被显示为内联元素,元素则不会换行。
    block:使用此属性后,元素会被现实为块级元素,元素会进行换行。
    inline-block:是使元素以块级元素的形式呈现在行内。意思就是说,让这个元素显示在同一行不换行,但是又可以控制高度和宽度,这相当于内敛元素的增强。

  • ckun
    2016-11-08 10:50:38

    块级元素不是  display:block 嘛

  • Triston3406187
    2016-11-08 10:47:00

    元素宽度在不设置的情况下,为父容器的100%

    1. 首先这个子元素,必须为块级元素哦;如果不是块级元素的话,我们使用<displa:inline-block;>进行转换。

            (因为块级元素才能够具有宽高的属性)

        2.此外子元素如果是块级元素的话,宽度100%,高度也要设置一个数值,才能够被撑开显示出来哟。

    <!--代码演示-->
    <div style="width:200px;height:200px">
        <div style="width:100%;height:30px">
        </div>
    </div>


    Tristo...

    块级元素的宽度会自动撑开容器宽度100%,所以如果不想100%显示的话,必须将宽度设置好。 【常用块级元素:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>】

    2016-11-08 10:50:34

    共 1 条回复 >

  • 李子大美女
    2016-11-08 10:37:11

    div{width:20px;}

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225806 学习 · 18234 问题

查看课程

相似问题