Version:

    Height properties

    Set the Minimum heigh, Maximum height or Fixed height of an element.

    Min height

    Set the minimum height of an element.

    Behavior:

    • Min-height prevents the height of the element from being smaller than the value set
    • Min-height does not prevent the element from growing in height if the content within it is larger than the value set
    • Min-height overrides the Height and Max-height properties

    Expected value:

    • Enter a number

    Accepted units:

    You can leave blank or specify a unit to be used.

    • blank - Just add a number and the value will be interpreted as pixels and be converted to rem's automatically if this behavior is set within Base unit settings
    • px - The value will be applied in pixels
    • % - The value will be applied as a percentage of the parent element's height

    Note: Additional units are accepted. For more information see https://www.w3schools.com/cssref/css_units.asp

    Find more information at https://www.w3schools.com/cssref/pr_dim_min-height.asp

    Max height

    Set the maximum height of an element.

    Behavior:

    • Max-height prevents the height of the element from being larger than the value set
    • Max-height does not prevent the element from being in smaller if the content within it is smaller than the value set
    • Max-height overrides the Height property

    Expected value:

    • Enter a number

    Accepted units:

    You can leave blank or specify a unit to be used.

    • blank - Just add a number and the value will be interpreted as pixels and be converted to rem's automatically if this behaviour is set within Base unit settings
    • px - The value will be applied in pixels
    • % - The value will be applied as a percentage of the parent element's height

    Note: Additional units are accepted. For more information see https://www.w3schools.com/cssref/css_units.asp

    Find more information about min-height at https://www.w3schools.com/cssref/pr_dim_max-height.asp

    Height

    Set the fixed height of an element.

    Expected value:

    • Enter a number

    Accepted units:

    You can leave blank or specify a unit to be used.

    • blank - Just add a number and the value will be interpreted as pixels and be converted to rem's automatically if this behaviour is set within Base unit settings
    • px - The value will be applied in pixels
    • % - The value will be applied as a percentage of the parent element's height
    • vh - The value will be applied as a percentage of the browser viewport height

    Note: Additional units are accepted. For more information see https://www.w3schools.com/cssref/css_units.asp

    Find more information at https://www.w3schools.com/cssref/pr_dim_height.asp

    DX8 knowledge base icon

    Frequently asked questions

    Get instant answers to common questions. Available online 24/7.

    Find answers

    Raise a ticket icon

    Raise a support ticket

    To raise a ticket, sign into Acquia Cloud and select Help in the top menu.

    Raise support ticket

    Acquia

    Copyright © 2020 Acquia, Inc. All Rights Reserved. Drupal is a registered trademark of Dries Buytaert.