html - height:auto overrides all height styles -


i have responsive page 2 sections. elements in right section should responsive used :

#rightsection * {max-width:100%;height:auto}

however further height styles being ignored see in code snippet.

i don't want use !important because have many inline styles html codes prefer not forcing styles through css. there other way set heights after height:auto?

    #rightsection * {max-width:100%;height:auto}          .mydiv {      	width:534px;      	height:37px;      	box-sizing:border-box;      }
<div id="rightsection">    <div class="mydiv" style="background:#ff0000"></div>  </div>    red div invisible because height igonred!

according code whatever happening fine css means cascading style sheet means last rule applies , whichever more specific. in case first rule has higher specifity second rule height:auto being applied.

refer link more details on specificity.

so in code can make second role morre specific different ways come know above link. below 1 such example.

 #rightsection * {max-width:100%;height:auto}          #rightsection div {      	width:534px;      	height:37px;      	box-sizing:border-box;      }
<div id="rightsection">    <div class="mydiv" style="background:#ff0000"></div>  </div>    red div invisible because height igonred!

edit: pointed out @connexo suggest not use id selectors refer this more details on why.

you can use css classes instead classes make code more general example 

.outerdiv * {max-width:100%;height:auto}          .outerdiv .mydiv{      	width:534px;      	height:37px;      	box-sizing:border-box;      }
<div class="outerdiv">    <div class="mydiv" style="background:#ff0000"></div>  </div>    red div visible  rule more specific.

hope helps :)


-

Comments

Post a Comment

Popular posts from this blog

c++ - CPP, 'X' button listener -

i'm writing cpp program, , want execute function when 'x'(shut down) button pressed. for example, have infinite loop prints same thing everytime iterates, until 'x' button pressed, , want execute function before process ends. is there kind of listener matter? or other solution maybe (like delaying process shut down few seconds or something)? thanks! if want execute before process ends, can register std::atexit handler. function called before process exits.
Read more

shared memory - gstreamer shmsrc and shmsink with h264 data -

i trying share h264 encoded data gstreamer 2 processes(both based on gstreamer).after research way found use shm plugin. trying do gstreamer--->h264 encoder--->shmsink shmrc--->process1 shmrc--->process2 i able raw data videotestsrc , webcam working. h264 encoded data doesn't. test pipeline gst-launch-1.0 videotestsrc ! video/x-raw,width=640,height=480,format=yuy2 ! x264enc ! shmsink socket-path=/tmp/foo sync=true wait-for- connection=false shm-size=10000000 gst-launch-1.0 shmsrc socket-path=/tmp/foo ! avdec_h264 ! video/x- raw,width=640,height=480,framerate=25/1,format=yuy2 ! autovideosink have tried shm plugins h264 encoded data, please help iam not aware of capabilities of sink used in "autovideosink", per knowledge either need use videoconvert if format supported sink (like kmssink or ximagesink) different provided source (in case yuy2) or use videoparse if camera format supported sink. may check using gst-inspect-1...
Read more

.net - Bulk insert via Dapper is slower than inserting rows one-by-one -

i'm using dapper insert data realtime feed sql server, care performance. recently, noticed strange. out of box, if give dapper collection , insert query, fires insert statements each element. tests show can insert 1800 objects 12 fields in 1 second way (counting connection.execute(...) running time. now, didn't find batch insert functionality in dapper , implemented own (constructing parameter list , sql query). after that, found out can insert 1 batch in 3 seconds (which limited 1000 rows) (again, counting connection.execute(...) calls. so, makes batching 6 times slower sending each row in separate query. can explain me? thought people use batch operations speed process. insert time 1 second @ most. use sql server 2012 standard on local network. table i'm inserting has clustered index on primary key (which bigint field), no non-clustered indexes , triggers. can post code, there's nothing special i'm not sure why using dapper execute extension ...
Read more