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