html - Firefox enlarges border if nested div if position extends outside -
i'm struggling difference between webkit , firefox: if 1 div (b) nested in (a) (both having css position absolute) b geometrically outside a. desired both webkit , iexplorer do:
|---------------| desired !! (webkit,iexplorer) |a | | | | |--|------| | |b | | | | | | | |--|------| | | |---------------|
i.e. chrome: shows b outside a, both have expected border size
but firefox: enlarges border of go around.
|-----------------------| firefox, why ... ??? |a | | | | |---------|| | |b || | | || | |---------|| | | |-----------------------|
how can force firefox behave chrome/safari(and iexplorer) ? take @ https://jsfiddle.net/r29knz8z/4/
is firefox bug ?
the problem in case seems css property outline
. if remove , mark boxes other way (border
, background-color
or that), example displayed correctly in firefox well.
according this article, though it's few years old, firefox has problems outline
. might idea replacing in code.
Comments
Post a Comment