html - Set width of fixed positioned div relative to his parent having max-width -


is there solution without js?

html

<div class="wrapper">    <div class="fix"></div> </div>

css

.wrapper { max-width: 500px; border: 1px solid red; height: 5500px; position: relative; }   .fix { width: inherit; height: 20px; position:fixed; background: black; }

i cant add other styles .wrapper except width: 100%;. try width: inherit doesn't work me because of have parent div max-width. source

here jsfiddle demo

a position:fixed element not relative parent anymore. respects viewport's boudaries.

mdn definition:

fixed
not leave space element. instead, position @ specified position relative screen's viewport , don't move when scrolled.

so width, max-width, or whatever property not respected fixed element.

edit

in fact, won't inherit width because there's no width property defined on wrapper.. so, try setting child width: 100% , inherit max-width:

http://jsfiddle.net/mx6anluu/2/

.wrapper {     max-width: 500px;     border: 1px solid red;     height: 5500px;     position: relative; }   .fix {     max-width: inherit;     width: 100%;     height: 20px;     position:fixed;     background: black; }

Comments

Post a Comment

Popular posts from this blog

Python Kivy ListView: How to delete selected ListItemButton? -

Image
i'm trying learn kivy building simple todo-list app suggested dusty phillips, author of book "creating apps in kivy". this code far: from kivy.app import app kivy.uix.boxlayout import boxlayout kivy.properties import objectproperty kivy.uix.listview import listitembutton class taskbutton(listitembutton): pass class todoroot(boxlayout): task_input = objectproperty() task_list = objectproperty() def add_task(self): self.task_list.adapter.data.extend([self.task_input.text]) self.task_list._trigger_reset_populate() def del_task(self): pass class todoapp(app): def build(self): return todoroot() if __name__ == '__main__': todoapp().run() and kv file: #: import main todo #: import listadapter kivy.adapters.listadapter.listadapter #: import listitembutton kivy.uix.listview.listitembutton todoroot: <todoroot>: orientation: "vertical" task_input: task_input_view t...
Read more

ruby - How do I merge two hashes into a hash of arrays? -

http://codepad.org/wmyzqlis i'd merge these 2 arrays: a = { :a => 'a', :b => 'b', :d => 'd' } b = { :a => '1', :b => 'b', :c => 'c' } into hash looks this: {:a => ["a", "1"], :b => ["b", "b"], :c => [nil, "c"], :d => ["d", nil] } this doesn't work: p a.merge(b) { |k, v1, v2| [v1, v2] } # {:c=>"c", :a=>["a", "1"], :b=>["b", "b"], :d=>"d"} it's because hash#merge call block duplicate keys. a = { :a => 'a', :b => 'b', :d => 'd' } b = { :a => '1', :b => 'b', :c => 'c' } hash[(a.keys|b.keys).map { |key| [key, [a.fetch(key, nil), b.fetch(key, nil)]] }] # => {:a=>["a", "1"], :b=>["b", "b"], :d=>["d", nil], :c=>...
Read more