Version:

Acquia Cohesion renames to Site Studio from version 6.2. Tell me more.

    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.