html - What is the CSS property that makes a <fieldset> fully enclose it's contents? -
i using <fieldsets> group gives me message in ide saying <legend> missing. decided try , simulate <fieldset> <div>.
.grid-select .group { border: 1px solid #d9d9d9; padding: 12px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; border-radius: 0.25em; margin-bottom: 1.667em; position: relative; z-index: 89; padding-top: 1.667em; } this not work me seems <div> not wrap around other <div> elements inside fieldset in same when used <fieldset> .
is there other property <fieldset> has don't have?
note inside .group <div> have display: inline; , float: left
note inside .group have display: inline; , float: left
this problem. floated elements not contribute height of parent. in other words, surrounding div thinks floated elements non-existent. workaround set .group overflow: hidden, cause consider children size calculation.
but legend elements optional. if ide complaining it, fix ide. shouldn't substitute fieldset mere div reason.
Comments
Post a Comment